MEMBUAT SCROLL BAR

Written By Unknown on Minggu, 18 Januari 2015 | 1/18/2015 09:11:00 PM

Pada kesempatan kali ini saya akan sedikit berbagi tips bagaimana cara membuat dan memasang menu scrool di blog. Adapun fungsi dan kegunaannya adalah agar artikel/menu yang kita posting tidak memakan tempat karena lebar dan panjang bisa kita sesuaikan dengan lebar space halaman blog.

Cara Membuat Halaman Scroll di Blog sbb :

1. Masuk ke akun Blogger anda
2. Membuat Scroll Bar pada Postingan :
Setelah berada pada halaman entri dimana anda membuat scroll, Copy-Paste Kode HTML berikut :


<div style="border: 0px solid #999999; height: 250px; overflow: auto; padding: 10px; width: 100%;">
ISI POSTINGAN

</div>


3. Membuat Scroll Bar pada Popular Posts / Arsip Blog
Cari kode " ]]>< /b:skin >  " untuk mempercepat pencarian gunakan ctrl+f pada keyboard.Jika sudah ketemu copy dan pastekan kode di bawah ini tepat diatas kode ]]>< /b:skin >

#PopularPosts1 .widget-content{
height:300px;overflow:auto;}

#BlogArchive1 .widget-content{
height:600px;overflow:auto;}


 4. Silahkan diedit sesuai keinginan
Keterangan :

    border = Garis tepi, ubah 0 menjadi 1/2/3 dst.., #999999 =Warna Border.
    height = Tinggi halaman scroll
    overflow = Fungsi scroll, pilihan ada auto, visible, hidden,scroll, initial, inherit.
    padding = Jarak antara konten dan border
    width = lebar halaman

Demikian langkah-langkah membuat menu scroll bar di blogspot.
Semoga bermanfaat..