Membuat menu DropDown . . . . . Menu ini bisa Sobat gunakan untuk keperluan membuat daftar link, membuat daftar posting, atau sebagainya. Sebenarnya, kegunaan utama dari ‘Menu Dropdown’ ini adalah demi pemghematan tempat. Iya kan ?
Kalau belum tau seperti apa sih menu dropdown, nihh . . . . saya kasih tau . . . .Jadi kayak gini
Itu sedikit previewnya . . .
Sebenarnya, jenis dari Menu Dropdown ada banyak lho . . .Tapi, yang saya tau cuman sedikit , , ,
1. Menu Dropdow bawaan dari Blogger (Pada Widget Archive )
2. Menu Dropdown buatan Sendiri (Text dan Link)
Coba saja klik pada salah satu judul Menu Dropdownnya . . . pasti akan menuju pada link halaman lain . . . .itulah bentuk Menu Dropdown yang berisi text dan link.
Nah, kali ini kita menuju pada tutorialnya . . . . ikuti Yukk . . . .
(Ini kalau buat yg Archive)
1. Masuk ke Blogger
2. Layout
3. Page Element => Add A Gadget => pilih Archive
4. Pilih yg Menu dropdown
5. Selesai
(Ini yang untuk text dan llink )
1. Masuk ke Blogger
2. Layout
3. Page Element => Add A Gadget => pilih HTML Javasript
4. Masukkan kode berikut,
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option>- Judul Menu Dropdown -</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value=" Alamat Blog Sobat ">Judul dari Link </option>
</select></form>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value=" Alamat Blog Sobat ">Judul dari Link </option>
</select></form>
Note :
* Warna biru adalah Judul Menu Dropdownnya
* Warna Hijau adalah Alamat Blog Sobat
* Warna merah adalah Judul Link
* Nah, untuk menambah isi dari dropdown ,maka Sobat tinggal memperbanyak kode
<option>- Judul Menu Dropdown -</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
misalnya seperti ini,
<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option>- Judul Menu Dropdown -</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value="Alamat Blog Sobat">Judul dari Link Sobat</option>
<option value=" Alamat Blog Sobat ">Judul dari Link </option>
</select></form>
Note : Kode yg diblok kuning itulah hasilnya perbanyakannya. Sobat bisa modif sendiri
Nah, hasilnya dari contoh di atas ,seperti ini,
Udah dulu yah . . . .Selamat Mencoba Ya . . . .
