Membuat Menu Dropdown

Menu dropdown digunakan untuk meletakan sekumpulan menu atau sekumpulan link dan mengharuskan pengguna memilih salah satu menu/link tersebut dengan mengklik panah untuk menampilkan menu/link yang tersembunyi/terlipat. Menu dropdown sangat cocok bagi para blogger yang menggunakan template minimal dan telah dipenuhi oleh hal-hal lain, atau bagi mereka yang ingin memperluas bagian pinggir (sidebar) untuk keperluan lain. Bagi para blogger yang sudah dikenal biasanya bagian pinggiran dipenuhi dengan ads (iklan) tetapi tidak ingin menghilangkan list (daftar) link menuju ke blogger lain biasanya menggunakan menu dropdown, tampilan lebih rapi, sederhana dan tidak menghilangkan tujuan.

Seandainya kita menggunakan list (daftar) link dengan teknik biasa (berjajar) maka keindahan blog kita sedikit berkurang dan tampak kurang rapi. Kekurangannya menu dropdown kita harus memasukan link-link tersebut manual dan agak ribet jika kita ingin menyusun (sort) sesuai abjad. Tetapi semua tergantung para blogger itu sendiri, mau menggunakan menu dropdown atau tidak terserah blogger. Lihat contoh menu dropdown dan cara pemasangannga dibawah ini :



Langkah 1
Login ke blogger
Langkah 2
Masuk ke Dasbor (Panel Kontrol) - Tata Letak - Elemen Halaman - Tambah Widget - HTML/JavaScript (atur posisi sesuai keinginan anda)
Langkah 3
Letakan (Copy Paste) kode dibawah ini pada bagian konten (tanpa judul)

<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option selected value="0"/>Add Your Link Here.....
<option value="http://www.alat_blog_1.com/"/>Alamat Blog 1
<option value="http://www.alat_blog_2.com/"/>Alamat Blog 2
<option value="http://www.alat_blog_3.com/"/>Alamat Blog 3
</select>
Langkah 4
Simpan Elemen Halaman

Keterangan :

  • selected : adalah nilai (value) yang secara default terpilih (ditampilkan)
  • value : adalah nilai (isi) dari menu/link yang akan mengarahkan pengguna (user) jika dipilih/diklik
  • Jika value diisi 0 maka ia tidak bernilai (pengguna tidak akan diarahkan kemanapun walaupun dipilih/diklik), misal : value="0", anda bisa mengganti nilai 0 dengan alamat link lainnya
  • Masukan alamat link yang akan dimasukan dalam daftar (list) menu dropdown pada value
  • Alamat Blog 1, Alamat Blog 2 dan seterusnya adalah nama yang mewakili link yang ada pada value, anda dapat merubah sesuai dengan keinginan anda. Inilah yang akan ditampilkan dalam daftar (list) menu dropdown
  • Jika kita ingin menambahkan daftar menu/link didalam menu dropdown, kita tinggal menambahkan kode :
    <option value="http://link_berikutnya/"/>Link Berikutnya diatas </select>
  • Lebar menu dropdown tergantung panjangnya nama alamat blog

Memasang Status YM di Blogger

Punya YM ngga...? Itulah pertanyaan pertama kali aku mencoba untuk jalan-jalan ke warnet yang dipenuhi oleh anak-anak seusia SMP-SMA. Sempat melamun dan memikirkan apa itu YM? Maklum saya lahir dan dibesar dikampung yang super sepi, kadang bermimpi punya internet. Tanya kiri kanan akhirya tahu juga apa itu YM. YM adalah Yahoo Messenger yang digunakan untuk chatting. Begitulah penjelasan mereka tentang YM, dari penjelasan itu muncul lagi pertanyaan tentang apa itu Chatting. Wah jadi merembet dan akhirnya terjadilah percakapan ringan diselingi tawa dari mereka begitu mengetahui saya tidak tahu menaung tentang YM. Lucu bagi mereka tapi jadi bahan pemikiran buat saya. Satu pertanyaan kecil "Mengapa generasi sekarang sangat suka dengan Chatting?" Menurut beberapa informasi di internet bahwa bandwidth Indonesia habis dan dipadati oleh chatting bahkan hampir 80% bandwidth Indonesia digunakan untuk chatting, "TANYA KENAPA?"

Walaupun secara pribadi aku tidak suka dengan Chatting tapi sebagai bahan artikel kali ini tidak ada salahnya saya membeberkan cara pemasangan Yahoo Messenger Status didalam blogger. Untuk memasang Status Yahoo Messenger didalam blogger ikuti langkah berikut ini :

Langkah 1 :
Login ke Blogger
Langkah 2 :
Dari Panel Kontrol - Tata Letak - Tambah Elemen Halaman - HTML/JavaScript
Langkah 3 :
Copy - Paste kode dibawah ini didalam konten

<a href="http://messenger.yahoo.com/edit/send/?.target=YM_ID" rel="nofollow">
<img border="0" src="http://opi.yahoo.com/yahooonline/u=YM_ID/m=g/t=14/l=us/opi.gif">

Langkah 4 :
Simpanlah Elemen Halaman tadi

Keterangan :

  • Ubahlah YM_ID dengan Yahoo ID anda, misal; hendriono
  • t=14 adalah kode untuk menentukan image (gambar) yang akan digunakan, tersedia t=0 sampai dengan t=16, gantilah kode t=14 untuk mengubah gambar sesuai yang anda inginkan

Berikut keterangan dari kode gambar yang bisa kita gunakan :

t=0 t0

t=1 t1

t=2 t2

t=3 t3

t=4 t4

t=5 t5

t=6 t6

t=7 t7

t=8 t8

t=9 t9

t=10 t10

t=11 t11

t=12 t12

t=13 t13

t=14 t14

t=15 t15

t=16 t16