April 1, 2012

Cara Membuat Scrollbar Pada Blog

Posted by : Unknown - Posted On : 4/01/2012 with : 14 Comments

Teman-teman pernah melihat blog dengan isi Widget yang cukup banyak? di tips kali ini kami akan mencoba share Cara Membuat Scrollbar Pada Blog.

Tujuan dari Scrollbar ini banyak antaralain bisa untuk menempatkan beberapa widget di dalamnya sehingga tidak penuh sesak. Paling tidak blog kita kelihatan lebih rapi dari segi penampilan.

Penarapan Scrollbar ini bisa juga kita lakukan pada halaman postingan kita. Bisa di lihat penerapannya pada artikel Kami Cara Membuat Artikel Terkait Disertai Thumbnails Pada Blogspot dan Pasang Meta Tag dan Meta Title SEO Friendly, terlihat disitu halaman posting jadi tidak terlalu panjang.

Bagaimana, Tertarik ingin menerapkannya di blog kita? Nih Kode HTML nya teman-teman. Cara Membuat Scrollbar Pada Blog.

Kode untuk membuat scrollbar :

<div style="overflow:auto;width:200px;height:150px;padding:10px;border:1px solid #eee">
Masukkan teks atau kode Kita disini
</div>

Kita dapat mengatur lebar dan tinggi scrollbar tersebut dengan merubah nilai pada width:200px; height:150px;, padding nya, kemudian tampilan bordirnya, pokoknya sesuaikan dengan selera kita masing-masing.

Cara pemasangannya ditulis pada halaman edit HTML, bukan compose .lihat gambar dibawah ini :