KUCOPAS - Cara Membuat Scroll Bar Di Postingan Blog. Sedikit penjelasan dan pengetahuan untuk sobat tentang definisi serta fungsi dan kegunaanya Scroll Bar adalah untuk memudahkan kita apabila ada kode atau tulisan yang sangat panjang dan juga gambar atau foto agar tidak memakan terlalu banyak tempat, intinya tampilan postingan blog kita jadi singkat, dinamis dan minimalis.
Cara membuat scroll bar didalam postingan blog sangatlah mudah, caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat menerapkan atau meletakkan kode scroll-nya pada mode HTML dan bukan Compose di bagian postingan blog.
Kode Scroll Bar Di Postingan Blog.
<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>
LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI
(Tulisan ditulis di Compose, sedangkan Kode di Tulis pada mode Edit HTML)
</div>
Keterangan:
Cara membuat scroll bar didalam postingan blog sangatlah mudah, caranya hampir sama seperti saat kita menulis postingan blog. Namun yang paling penting adalah jangan lupa sobat menerapkan atau meletakkan kode scroll-nya pada mode HTML dan bukan Compose di bagian postingan blog.
Kode Scroll Bar Di Postingan Blog.
<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>
LETAKKAN TULISAN SOBAT ATAU APAPUN DISINI
(Tulisan ditulis di Compose, sedangkan Kode di Tulis pada mode Edit HTML)
</div>
Keterangan:
- Ingat, sobat harus tempatkan Kode pada mode Edit HTML, bukan Compose.
- Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose.
- height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat.
- width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti dengan nilai pada auto, apabila ingin ukurannya disesuaikan seperti keinginan sobat.
- border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan.
- #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan. Kode Warna bisa dilihat pada artikel Daftar Kode Warna HTML.
Salam Hangat Dari Saya !!!
ReplyDeleteJangan Lupa Visit Dan Follow Blog Sya Ya !!!
siip :D makasi infonya.. ak copas ya :D
ReplyDeletehttp://tak-atik-blog.blogspot.com
ijin copas gan
ReplyDeleteliat hasil copasnya di
http://dirikublogger.blogspot.com/
.
.
mapir ke backlink21.blogspot.com ya gan
JH Sinaga@ Salam Hangat balix sob... makasih Kunjungannya...
ReplyDeleteK Faiq@ Iya silahkan saja... Thx's sudah berkunjung...
1000 Backlink@ Iya copas aja. jgn Lp kasih Link Sumbernya dan Trim dah berkunjung...
Thank's kawan
ReplyDeletetxh ini yg gw butuhkan :D ....
ReplyDeletewww.jsssuper.com
make money without money
@ Erisco Berto >>>
ReplyDeleteDan
@ MenosGrandE >>>
Thx's Atas Kunjungannya...
keren gan.....
ReplyDeleteizin oopas ye...:)
kunjungi my blog
http://reza-solidaritas.blogspot.comm
Iya oopas aj sob...
Deletetp jgn lupa di edit dikit kata2nya.
biar bisa nongol di page one search engine...
thanks sudah berbagi ilmunya, sukses selalu....
ReplyDeleteSukses jg buat kamu sob...
Deletemantap ni bang.. izin kopi ilmunya ya.. :D
ReplyDeleteiya silahkan sob...
DeleteTerimakasih gan atas ilmunya..
ReplyDeleteIya sama2 sob...
DeleteThx's jg atas kunjunganya...
Senang bisa berbagi...
makasih sob, ane udah coba...
ReplyDeletesalam kenal.
ane follow ya, jgn lupa follbacknya.. :)
tx sob tuttornya..kalo ada waktu mampir ke blog ane.!
ReplyDeletewww.wahdiat.com
thks sob.. udah di coba....
ReplyDeleteINFO NICE GAN. back link ya gan. http://sosioprogres.blogspot.com/
ReplyDeleteThanx gan, Kunbal ya rahman-ciblog.blogspot.com
ReplyDeletemantap gan,.. udah ane coba ternyata sukses ane buat diblog ane,.. salam kenal dari : http://os32.blogspot.com
ReplyDeletemantaps kang sudah saya coba dan berhasil.. ^^
ReplyDeleteterima kasih atas ilmunya ya. ^^