Home » » Membuat Menu Dropdown Untuk Blog Arsip atau Archieve Blog

Membuat Menu Dropdown Untuk Blog Arsip atau Archieve Blog

Written By Unknown on Saturday, January 12, 2013 | Saturday, January 12, 2013


Dengan dropdown menu kita bisa menghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll. Gimana? Mau mencobanya? caranya : Login ke blogger, trus masuk ke menu "Tata Letak" trus pilih Add Gadget --> HTML/JavaScript. Kemudian masukkan script berikut ini di kotak "Content". 



Pilih Script yang kamu suka :

SCRIPT 1.

<select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" name="menu" > <optgroup label="kelompok 1">
<option value="link1">judul link 1
<option value=" link2">judul link 2
<option value=" link3">judul link 3
<optgroup label="kelompok 2">
<option value="link1">judul link 1
<option value=" link2">judul link 2
<option value=" link3">judul link 3

</optgroup></optgroup></select>

Hasilnya seperti ini :




SCRIPT 2.
<form name="ddmenu"> <select onchange="document.location.href=this.options[this.selectedIndex].value;" name="menu"> <option/>My Menu<option/><optgroup label="kelompok 1"></optgroup>
<option value="link1">Judul link 1
<option value="link2">Judul link2
<option value="link3">Judul link3
<optgroup label="kelompok 2"></optgroup>
<option value="link1">Judul link 1
<option value="link2">Judul link2
<option value="link3">Judul link3

</select></form>

Hasilnya seperti ini :





KETERANGAN :

Tulisan yang bewarna merah adalah url link. Bisa anda ganti url postingan anda.
Tulisan bewarna biru adalah judul postingan anda.


^^ Selamat mencoba ^^
Bagikan ke:

leave comment

Semua umpan balik saya hargai dan jika sempat saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan Anda tidak berkomentar dengan menggunakan kata-kata kasar, sara, p*rn* dan lain-lain.
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange

5. Jika perlu sebarluaskan artikel dengan cara klik tombol SHARE di atas.

Bila anda senang dengan artikel ini silahkan Join To Blog atau berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas diatas untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar atau share sesuai dengan artikel diatas.

Me

Post a Comment

 
Copyright © 2012 - 2015 Renviletieft Blog - All Rights Reserved
Template Craeted by : RenvileTieft Blog
Proudly Powered by Blogger