Cara Membuat Menu Scroll

U ntuk postingan pada kali ini,kita akan sedikit membahas tentang cara membuat menu scroll pada blog kita. berhubung banyak pertanyaan yang masuk ke email saya yang menanyakan tentang cara membuat menu ini.

Sebetulnya apa sih keuntungan kita dengan menggunakan menu scroll ini?

Ok, menu scroll pada lazimnya kita gunakan untuk menyimpan catatan kita,link ataupu banner iklan. nah bila kita hanya menggunakan halaman biasa itu akan membuat blog kita penuh sesak dengan banner iklan dan link-link yang tak karuan tempatnya. apalagi kalau kita tak pandai mengatur desain blog kita.

Nah dengan adanya menu scroll ini maka semua itu bisa kita taruh dalam satu tempat, dan akan lebih rapi nampaknya halaman blog kita. dengan menu scroll inipun pengunjung tinggal taruh mouse di menu ini dan bisa scroll kebawah untuk melihat halaman-halaman yang kita simpan di menu ini.

Dan biar agak jelas ini contoh penampakkanya :

Cara mudah membuat kode banner




Cara membuat banner secara online >




Mengganti Read More Dengan Image




Cara membuat banner dengan stealth banner generator

Coba anda geser kebawah menu itu maka akan tampak halaman yang kita simpan di menu tersebut. so, buat anda yang tertarik untuk membuat menu seperti diatas. bisa ikuti langkah berikut ini:


<div style="padding-right: 10px; padding-left: 10px; padding-bottom: 10px; overflow: auto; width: 255px; padding-top: 10px; height: 141px" 1px="1px" solid="solid"> <ul>
<p><a href="http://www.parnoonline.co.cc/">Cara mudah membuat kode banner</a> </p>
<p><a href="http://www.parnoonline.co.cc/">Cara membuat banner secara online> </p>
<p><a href="http://www.parnoonline.co.cc/">Mengganti Read More Dengan Image</a> </p>
<p><a href="http://www.parnoonline.co.cc/">Cara membuat banner dengan stealth banner generator</a> </p>


</ul>
</div>

Nah untuk caranya seperti biasa :

1.Login ke blogger anda.

2.Pada menu dashboard pilih layout atau tata letak.

3.Klik menu elemen halaman.

4.Kalu pilih tambah gadget dan klik HTML/java script.

5.Beri judul widget tersebut.

6.Lalu copy kode diatas ke widget tersebut.

7.Dan klik simpan,lalu lihat hasilnya.

NB: Untuk memasang di sidebar saran saya shobat sesuaikan ukuranya dengan sidebar template shobat. dan biar shobat nggak bingug untuk menyesuaikan dengan lebar sidebar tersebut , anda ganti dengan lebar 100% dan kodenya width:100% .

Dan bila shobat mau memasang di postingan, sebaiknya shobat berada pada tab edit HTML.

Nah selamat mencoba dan semoga bermanfaat.