Mempercantik Menu Dengan MyCSSMenu

Buat sobat yang ingin membuat menu dropdown horizontal atau menu vertikal, mycssmenu.com bisa menjadi alternatif utama. Selain mudah dalam penerapannya, mycssmenu juga mempunyai ragam pilihan yang cantik. Dari pilihan warna, model menu dari kotak persegi sampai model melengkung, serta animasi menarik yang menyertai menu ketika di klik.


Hanya dalam waktu kurang lebih 10 menit menu pun sudah siap di tempatkan  di blog. Jika sobat tidak menguasai bahasa pemrograman seperti kode HTML atau CSS yang ribet, jangan kecil hati karena menu yang tersedia di sini sangat mudah, hanya dengan klik “Customize Menu” sobat bisa mengaturnya sesuka hati.  

Jika sudah jadi, maka sobat tinggal meletakkan kode script-nya ke dalam template sobat, untuk meletakkan kode-kodenya, sobat bisa baca di postingan saya tentang menu dropdown.

Berikut ini contoh gambar dari menu dropdown yang saya buat di mycssmenu.com :







Mungkin sobat sudah sering menemukan situs online tools yang seperti ini, namun saya yakin tidak ada yang lebih bagus dari www.mycssmenu.com , pastikan sobat mencobanya.

Oke deh, selamat mencoba !

Tips Membuat Menu Dropdown

Untuk menghindari arsip blog yang menumpuk atau berderet kebawah terlalu panjang, kita bisa menggunakan menu dropdown agar terlihat lebih efisien. Karena semakin banyak dan semakin lama kita ngeblog maka arsip blog kita akan bertambah panjang daftarnya. Seperti yang kita ketahui, blog di arsip setiap bulan. Bagaimana kalau sobat ngeblog bertahun-tahun, tentu akan semakin panjang kan daftar bulan arsip blog sobat.
Berikut ada sedikit tips untuk membuat menu dropdown, tapi saya hanya akan menjelaskan cara membuat menu dropdown untuk yang memakai template baru, karena saya sendiri juga menggunakan template baru.

• Login ke Blogger dengan ID sobat tentunya.
• Klik Tata Letak.
• Kemudian klik Elemen Halaman.
• Klik tambah Gadget --> kemudian pilih menu yang bertulikan Arsip Blog
• Disamping tulisan style, pilih radio button yang bertuliskan Dropdown Menu --> kemudian contreng kotak radio button tersebut.
• Klik Simpan.
• Itu tadi menu dropdown untuk Arsip Blog sobat, lantas bagaimana cara membuat menu dropdown yang didalamnya terdapat link. Seperti ini kode HTML nya :
  
  
  <form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>judul menu</option>
  <option value="isi dengan addres yang ingin di tuju">judul link disini</option> </select></form>
• Contohnya seperti berikut :
  
  
  <form><select name="menu"  onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
  <option>Blog Tutorial</option>
  <option value="http://iblogle.com/2009/05/yahoo-messenger-emoticons.html">Yahoo! Emoticons</option>
  <option value="http://iblogle.com/2009/04/tips-membuat-efek-marquee.html">Membuat Efek Marquee</option>
  <option value="http://iblogle.com/2009/04/cara-membuat-label-kategori.html">Cara Membuat Label</option>
  <option value="http://iblogle.com/2009/04/tutorial-membuat-text-area.html">Membuat Teks Area</option>
  <option value="http://iblogle.com/2009/04/membuat-favicon.html">Tips Membuat Favicon</option>
  <option value="http://iblogle.com/2009/04/trik-membuat-read-more.html">Tips Membuat Read more</option>
  </select></form>
• Hasilnya :
  
  
  Blogspot Tutorial Yahoo! Emoticons Membuat Efek Marquee Cara Membuat Label Membuat Teks Area Tips Membuat Favicon Tips Membuat Read more

Sangat mudah bukan, silahkan dicoba !