Membuat dan Memasang Menu Scroll Blog

Dalam kesempatan kali ini saya akan sedikit berbagi tips bagaimana cara membuat dan memasang menu scrool di blog. Adapun fungsi dan kegunaan menu ini adalah agar daftar list artikel yang kita posting tidak memakan tempat karena lebar dan panjang menu bisa kita sesuaikan dengan lebar space halaman blog.
Mari kita perhatikan bersama kode HTML untuk membuat menu ini :

<div style="overflow:auto; width:400px ; height:100px ;border:1px solid #eee;padding:8px;margin:10px 0 0">

<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-teks-atau-tulisan-berwarna.html">Cara Membuat Teks Berwarna di Postingan Blog</a></li></ul>

<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-tabel-dan-kolom.html">Cara Membuat Tabel dan Kolom Blog</a></li></ul>

<ul><li><a href="http://www.masbugie.com/2010/04/cara-membuat-teks-berjalan-di-tab-dan.html">Cara Membuat Teks Berjalan di Tab dan Navbar Atas</a></li></ul>

<ul><li><a href="http://www.masbugie.com/2010/04/shoutmix-vs-cbox-ala-newbie.html">ShoutMix Vs CBOX ala Newbie</a></li></ul>

</div>

</div></div>

Dan nantinya akan memiliki tampilan seperti dibawah ini :

• Cara Membuat Teks Berwarna di Postingan Blog

• Cara Membuat Tabel dan Kolom Blog

• Cara Membuat Teks Berjalan di Tab dan Navbar Atas

• ShoutMix Vs CBOX ala Newbie

Dan sekarang cara memasang widgets menu scrool di blog :

1. Login Blogger
2. Klik Tata Letak / Layout
3. Dalam menu Elemen Laman klik Tambah Gadget / Add Widget
4. Pilih HTML
5. Copy Paste kode diatas kedalam Gadget HTML tersebut
6. Ubah tulisan berwarna biru dan sesuaikan dengan ukuran dan alamat url postingan blog kalian yach...
7. Klik Save

Selesai....

 * Cara melihat url postingan, klik salah satu artikel sampean nah habis itu lihat di kotak pengisian alamat contohnya seperti ini :

SELAMAT MENCOBA !!!

sumber : masbugie.com