Cara Pasang Menu Scrool Di Blog

Pada 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. Bagi blogger pemula seperti saya, membuat menu dengan fungsi scroll ini awalnya saya pikir susah, padahal jika kita mengerti bahasa pemrograman, membuat menu seperti ini sangatlah mudah. Untuk penghematan tempat jika anda mempunyai daftar menu yang sangat panjang, menu dengan fungsi scroll ini bisa menjadi solusi yang tepat selain menggunakan marquee atau text berjalan. Dan pembuatan menu ini tidak menggunakan kode HTMLyang banyak dan ribet, hanya sedikit kode HTML, anda sudah bisa membuat menunya. Menu ini bisa juga anda menfaatkan dalam menempatkan blogroll yang panjang atau daftar menu postingan yang anda miliki.


Untuk membuat menunya anda hanya membutuhkan kode HTML seperti ini :

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

ISI MENU 

</div>

Keterangan :

• width --> lebar menu 
• height --> tinggi menu 
• padding --> jarak antar tulisan dengan garis pinggir 
• border --> ketebalan garis pinggir

Tinggal temen-temen kreasikan sendiri sesuai dengan blog anda.

Contoh kode HTML untuk menu yang saya punya :

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

1.<li><a href="http://www.negrionta.co.cc/2011/05/nah-kali-ini-ada-software-untuk-merubah.html" target="_blank"><blink>Download EXTREME XP</blink></a></li>

2.<li><a href="http://www.negrionta.co.cc/2011/05/ni-ada-software-dapat-dari-forum.html" target="_blank"><blink>Download Real Desktop</blink></a></li>

3.<li><a href="http://www.negrionta.co.cc/2011/04/anti-spyware.html" target="_blank"><blink>Download Anti Spyware</blink></a></li>

4.<li><a href="http://www.negrionta.co.cc/2011/04/opera-11.html" target="_blank"><blink>Download Opera 11</blink></a></li>

5.<li><a href="http://www.negrionta.co.cc/2011/03/ini-program-bukan-untuk-pembersih-kaca.html" target="_blank"><blink>Download Security 360</blink></a></li>

6.<li><a href="http://www.negrionta.co.cc/2011/03/downloadnya-bisa-langsung-di-klick.html" target="_blank"><blink>Download Team Viewer</blink></a></li>

7.<li><a href="http://www.negrionta.co.cc/2011/02/bagi-anda-yang-minat-langsung-aja-di.html" target="_blank"><blink>Download YM ID</blink></a></li>

8.<li><a href="http://www.negrionta.co.cc/2011/02/anti-net-cut-langsung-di-sini.html" target="_blank"><blink>Download Anti Netcut</blink></a></li>

9.<li><a href="http://www.negrionta.co.cc/2011/03/bisa-langsung-di-klick-di-sini.html" target="_blank"><blink>Download Total Video Convert</blink></a></li>

10.<li><a href="http://www.negrionta.co.cc/2011/03/langsung-aja-bro-di-klick-di-sn.html" target="_blank"><blink>Download Real Player SP</blink></a></li>

</ul>

</div>

Hasilnya :

1. Download EXTREME XP

2. Download Real Desktop

3. Download Anti Spyware

4. Download Opera 11

5.Download Security 360

6.Download Team Viewer

7. Download YM ID

8.Download Anti Netcut
9. Download Total Video Convert

10.Download Real Player SP

Sedikit keterangan tentang elemen diatas semoga bermanfaat :...