Cara Membuat Fungsi Scroll Down untuk Menu

Cara Membuat Fungsi Scroll Down untuk Menu - Kalian pengen punya scroll down yang bisa ditarik kebawah dan keatas (seperti daftar totorial blog punyaku)? gampang kok caranya. menu scroll down adalah salah satu cara mempercantik blog karena menu ini bisa menghemat tempat, selain itu dengan scroll down blog kita bisa terlihat lebih profesional.

pengen tahu caranya?? ikuti saja langkah-langkah ini :

• Login ke blog anda
• pilih layout (Tata Letak) >> Page element (Elemen Halaman)
• Add Gadget (Tambah Gedget)
• Pilih HTML dan Copy aja kode ini di dalamnya :

<div style="overflow:auto;width:220px;height:150px;padding:10px;
border:1px solid #eee">

...................

</div>

titik-titik didalamnya bisa kalian isi dengan Link atau dengan alamat URL yang ingin kalian tuju misalnya :
(link tutorial blog seperti punyaku)

<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; line-height: 18px;"><a href="http://silinaolala.blogspot.com/2011/03/cara-membuat-read-more-more-versi.html">Cara Membuat Read More Versi Blogger ( Bag. 2)</a></span>

<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; font-family: inherit; line-height: 18px;"><a href="http://silinaolala.blogspot.com/2011/02/cara-mendaftar-paypal-dan-verifikasi.html">Cara mendaftar paypal dan verifikasi </a></span>

<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; font-family: inherit; line-height: 18px;"><a href="http://silinaolala.blogspot.com/2011/01/daftar-domain-gratis-di-cocc.html">Daftar Domain Gratis di CO.CC</a></span>

<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; font-family: inherit; line-height: 18px;"><a href="http://silinaolala.blogspot.com/2010/09/cara-memasang-meta-tag-agar-blog-lebih.html">CARA MEMASANG META TAG AGAR BLOG LEBIH SEO FRIENDLY</a></span>

<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; font-family: inherit; line-height: 18px;"><a href="http://silinaolala.blogspot.com/2010/09/cara-memasukkan-kode-html-di-postingan.html">CARA MEMASUKKAN KODE HTML DI POSTINGAN</a></span>

<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; font-family: inherit; line-height: 18px;"><a href="http://silinaolala.blogspot.com/2010/09/membuat-efek-marquee-teks-berjalan.html">MEMBUAT EFEK MARQUE (TEKS BERJALAN)</a></span>

<span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; color: #333333; font-family: inherit; line-height: 18px;"><a href="http://silinaolala.blogspot.com/2010/09/tv1v2-cara-meningkatkan-traffic-dan.html">Cara Meningkatkan Traffic Dan Popularity </a

keterangan :

Width : Lebar

Height : Tinggi

Padding : jarak antar tulisan dengan garis pinggir menu

Border : ketebalan gasis pinggir menu

hasil jadinya seperti dibawah ini :
silahkan mencoba. semoga artikel ini bermanfaat ya ^_^

Cara Membuat Read More Versi Blogger ( Bag. 2)

Cara mendaftar paypal dan verifikasi

Daftar Domain Gratis di CO.CC

CARA MEMASANG META TAG AGAR BLOG LEBIH SEO FRIENDLY

CARA MEMASUKKAN KODE HTML DI POSTINGAN

MEMBUAT EFEK MARQUE (TEKS BERJALAN)

Cara Meningkatkan Traffic Dan Popularity