MEMBUAT MENU DENGAN FUNGSI SCROLL

MEMBUAT MENU DENGAN FUNGSI SCROLL

Bagi teman-teman blogger pasti suka kalau blognya keren khan??? YUpz tentu saja… tapi kadang, kita dipusingkan oleh daftar menu yang panjang di sidebar…




Tapi sobat gak usah khawatir, kita dapat menyiasatinya dengan membuat menu yang memiliki fungsi scroll (menggulung).






Langsung aja di bawah cara membuat menu scrollnya:

1. Login dulu ke blog sobat, lalu pilih layout atau rancangan..

2. klik tambah gadget di mana sobat ingin membuat menu…

3. Pilih HTML/javascript

4. Masukkan kode scrollnya di bawah ini:

<h2>MENU DI BLOG INI</h2>

<div>

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

<li>1. <a href="http://imranxrhia.blogspot.com/2010/12/tips-dan-trik-menjawab-soal-soal-tes.html" target="_blank">TIPS DAN TRIK MENJAWAB SOAL-SOAL TES CPNS</a></li>

<li>2. <a href="http://imranxrhia.blogspot.com/2010/11/hack-fb-lewat-keylogger.html" target="_blank">HACK FB LEWAT KEYLOGGER</a></li>

</div></div>

Terakhir save. Selesai..

keterangan:

overflow:auto adalah kode untuk penggulung halaman jika isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan sebelumnya.

width:280px adalah lebar bidang atau menu yang ingin kita buat, dalam hal ini adalah sebesar 280 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

height:200px adalah tinggi bidang atau menu yang ingin kita buat, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px.

padding:10px adalah jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman atau menu, nilai ini tentu saja bisa di ubah sesuai keinginan kita. misal : padding:5px.

border:1px solid #00FFFF adalah garis pada pembatas setiap sisinya, #00FFFF untuk kode warna biru

Selamat Mencoba....