Catatan ZoeL

Membuat menu drop down

https://zoelf.blogspot.com/2010/03/membuat-menu-drop-down.html

Menu dropdown sepertinya sudah tidak asing lagi ya ditelinga kita, itu lho yang sudah ada aplikasinya disediakan oleh blogspot, jadi jika berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita.
seperti ini :






Tapi karena yang ini mungkin sobat sudah pada tahu ya cara nampilkannya gm, sudah tahu kan?? dashboard-layout-page elements-add a gadget, cari blog archives.

Yang ini tentunya hanya untuk arsip, dan sekarang yang akan dibahas yaitu menu dropdown yang di dalamnya ada link.
Code nya 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://zoelf.blogspot.com">Membuat Blog</option>

<option value="http://zoelf.blogspot.com">my profil</option>

<option value="http://zoelf.blogspot.com">free template</option>

<option value="http://zoelf.blogspot.com">kode warna</option>

<option value="http://zoelf.blogspot.com">Posting Artikel</option>

<option value="http://zoelf.blogspot.com">Text area</option>

<option value="http://zoelf.blogspot.com">Blogger Emoticons</option>

<option value="http://zoelf.blogspot.com">Download Gratis</option>

</select></form>

Ket: code yang berwarna merah merupakan kalimat awal yang nantinya akan tampil pertama, warna biru merupakan link dari suatu tempat yang dituju, sedangkan warna orange adalah sebuah penamaan dari link yang sobat cantumkan pada warna biru.

Maka hasilnya akan seperti ini :


Gimana apa mau di coba?? silahkan:
Login-setelah masuk dashboard, layout-page elements-add a gadget-tambahkan kotak yang bernama HTML/javascript, setelah itu masukan code diatas tadi..

Selesai deh tutorialnya...
Membuat menu drop down, Pada: 7:00:00 AM
Copyright © 2014 Catatan ZoeL Design by SHUKAKU4RT - All Rights Reserved