Membuat sebuah daftar dengan fasilitas scroll bar

Print this page

Langkah-langkah untuk membuat menu scroll :

1. Login ke Blogger anda, klik Design, lalu klik add a gadget.

2. Pilih HTML/JavaScript, lalu masukkan kode dibawah ini :

<div style="border: 1px solid rgb(255, 255, 255); height: 170px; overflow: auto; padding: 10px; text-align: justify; width: 260px;">
Isi dengan MENU, BLOGROLL, LABEL atau daftar apa saja yang anda ingin jadikan sebuah Menu Scroll
</div>

 

Keterangan :

Teks berwarna merah adalah daftar menu berbentuk scroll yang ingin anda tampilkan . Kode height: 170px adalah tinggi kotak menu scroll, sesuaikan dengan kebutuhan tinggi dari sidebar blog anda. Anda bisa menggantinya dengan auto atau 100%, width: 260px adalah lebar kotak menu scroll, sesuaikan angkanya dengan kebutuhan sidebar blog anda agar lebarnya proporsional. Anda juga bisa membuatnya pada posting anda sendiri

3. SAVE/Simpan dan lihat hasilnya.

Lihat contoh berikut ini :

1. satu
2. dua
3. tiga
4. empat
5. lima
6. enam
7. tujuh
8. delapan
9. sembilan
10. sepuluh
11. sebelas

Artikel Terkait