Farhan Share - sobat farhan, selamat malam, sobat pernah melihat menu dropdown horizontal seperti gambar di atas di blog/web sahabat tidak, ya, sobat memang widget ini sedang banyak di pakai oleh blog-blog/web-web karena widgetnya yang kapasitasnya untuk loading-nya tidak besar dan juga Tidak memakan Space/tempat yang besar pula, jadi itulah alasan blogger-blogger memakai widget ini sobat farhan.
Sobat farhan, kita lanjut ya, sesuai dengan topik pembicaraan di atas, hari ini farhan ingin nge-share tentang bagaimana Cara membuat widget dropdown Horizontal sederhana. biasanya widget ini di gunakan untuk memilih kategori, laman, dan sebagainya. Pastinya sobat farhan sudah penasaran kan, langsung saja ini dia langkah-langkahnya.
1. Login ke Blogger.
2. Pilih Tata Letak
3. Pilih "Add Gadget"
4. Pilih "HTML/JavaScript"
5. Copy Paste-kan script di bawah ini ke dalam box "konten".
<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option />Kata Awal
<option value=" http://farhanshare.blogspot.com/ " />Farhan Share
<option value="http://blogger.com" />blogger
<option value="http://wikipedia.org" />Wikipedia
</select></form>
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>
<option />Kata Awal
<option value=" http://farhanshare.blogspot.com/ " />Farhan Share
<option value="http://blogger.com" />blogger
<option value="http://wikipedia.org" />Wikipedia
</select></form>
Catatan : kata yanng bercetak tebal di ganti dengan kata awal yang ingin ditampilkan.
Catatan : kode yang berwarna merah adalah navigasi URL yang ingin di tuju, dan kode yang berwarna biru adalah tulisan yang ingin sobat tampilkan dari URL tadi.
Previewnya :
EmoticonEmoticon