Berhubung ada beberapa rekan yang meminta resep pembuatan Scrolling Menu seperti yang saya gunakan untuk memasukkan berbagai Links, maka tutorial yang sempat ditarik peredaran lantaran perbaikan blog tahap 3 tempo hari lalu ini, saya posting kembali. Silahkan menyimak...
Bagi kamu yang punya banyak teman sesama blogger, pasti ingin menempatkan link mereka di blog kamu. Ya kan?! Nah, yang jadi permasalahan bukan karena punya banyak teman, tapi kalau links mereka kamu tempatkan secara vertikal alias diurutkan dari atas ke bawah, tentu akan memakan banyak space dan berakibat blogpage kamu semakin panjang... panjang... dan panjang lagi... kayak Choki-choki!
Kasihan kan jadinya orang yang dateng ke blog kamu kalo musti scrolling panjang-panjang. Capek gitchu low...!
Atau, ada juga kasus di banyak blog yang menaruh alamat links itu secara horizontal alias diurutkan dari kiri ke kanan, seperti halnya menulis biasa. Bisa jadi, pengunjung akan kesulitan untuk melihat nama dari links tersebut lantaran saling berhimpit satu dan lainnya. Jadi, kurang estetik kan?!
Nah, saya cuma kasih satu dari sekian banyak alternatif untuk menempatkan links tersebut dalam satu kotak, tapi tidak memakan space banyak, yakni seperti tampilan Menu LINKS di sisi kiri blog ini. Mau tau resepnya? Ini dia! Tapi, ati2 ya ngelihatnya, ntar salah nyalin sedikit berabe lagi
<OPTION style="FONT-WEIGHT:normal; FONT-SIZE:10px; COLOR:#cccccc; FONT-FAMILY:Verdana, Tahoma, Arial; BACKGROUND-COLOR:#00002b" value="0"selected> - Blog'ers Partners - </OPTION> <option value="http://goldenpen007x.blogdrive.com/"> ARS PERSONAL WEBLOG | Halaman Depan </option> <option value="http://ars.buzznet.com/"> ARS PERSONAL WEBLOG | Album Foto </option> <option value="http://goldenpen007x-arsip.blogdrive.com/"> ARS PERSONAL WEBLOG | Arsip </option> <option value="http://dst.com/"> Dan Seterusnya... </option>
</SELECT>
Hasil:
Coba kamu perhatikan baik-baik pada bagian "value=..." Ada perbedaannya? Yup, pintar! Kalau di <OPTION ...> yang atas, value="0" sementara yang setelahnya ada alamat URLnya. Kenapa coba?
Kalau kamu memasukkan nilai 0 pada Value, maka ketika link tersebut di klik, maka tidak akan menuju kemana-mana, karena memang tidak ada alamat tujuan yang dikehendaki. Sementara jika kamu memberikan alamat tertentu, maka secara otomatis, ia akan me-redirect ke alamat tersebut.
Yang menjadi catatan paling penting pada tutorial kali ini adalah variasi karakteristik huruf yang ingin ditampilkan, harus diatur dalam tag <SELECT> dan <OPTION> yang paling atas, dan bukan pada tag <option> dibawahnya.
