Total Tayangan Halaman

Pengikut

MEMBUAT MENU DENGAN FUNGSI SCROLL (MENGGULUNG) YANG MUDAH

Rabu, 23 Februari 2011

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). Umumnya menu ini di pasang untuk daftar link sahabat (blogroll) atau menu tertentu seperti yang ada di blogku pada bagian kanan atas. Liat khan? kira-kira kalau tidak diberikan fungsi scroll, gimana jadinya yagh? Bisa-bisa penuh satu halaman… hehehehe….
Jadi, buat sobat yang juga ingin membuat menu dengan fungsi scroll seperti punyaku gampang aja koq…
Dan yang menariknya untuk membuat fungsi scroll ini semudah memasang widget biasa, Cuma sedikit diberikan variasi… 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


( http://imranxrhia.blogspot.com/2010/12/tips-dan-trik-menjawab-soal-soal-tes.html ) di isi dengan alamat yang ingin di tuju. Dan TIPS DAN TRIK MENJAWAB SOAL-SOAL TES CPNS ) adalah nama tampilannya.

2 komentar:

Ana nie mengatakan...

Terimakasih, mudah dimengerti,.... ternyata kuncinya cuma pada stylenya yeah... sekali lagi thank berat.... moga sukses

imran dias mengatakan...

@Ana nie: yupz... memang gampang dan stylenya saja yang disesuaikan

Posting Komentar