Senin, 01 November 2010

Cara Membuat Menu Dropdown Standart

Menu dropdown atau menu pull- down, adalah kumpulan dari beberapa data yang berupa text atau link yang mempunyai kesamaan temadan diringkas jadi menu tunggal. Sehingga  tampilan judul dalam blog lebih hemat dan tidak banyak memakan tempat. Menu dropdown juga bisa mempercantik tampilan blog anda. Jika berminat, ikuti langkah-langkah berikut:

Berikut adalah kodenya:

kode 1:



<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
</form>


Kode 2:



<form name="jump">
<select name="menu">
<option value="http://alamat-url1.com">Menu1</option>
<option value="http://alamat-url2.com">Menu2</option>
<option value="http://alamat-url3.com">Menu3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="OK">
</form>
Catatan:
Untuk Warna merah diisi http: dan menu konten anda.

Langkah pertama login ke blogger
Kemudian pilih Rancangan kemudian klik Elemen Laman
Selanjutnya Tambah Gadget lalu klik tambah HTML/JavaScript
Pastekan kode tersebut pada kolom HTML/JavaScript kemudian klik Simpan
Selesai.....




Selamat Mencoba...


Baca Juga Artikel Lain Berikut ini:
* Cara Menambahkan Tampilan Jam Pada Blog
* Cara Membuat Tulisan Berkedip-kedip
* Cara Menambah Image Pada Link Download
* Membuat Tulisan Bergerak
* Cara Mengganti Template Pada Blogspot
* Cara Menambahkan Gambar Slideshow Pada Blog
* Menambahkan Dafter Isi Pada Blog
* Menambahkan Tampilan Video Kedalam Blog
* Cara Membuat Menu Dropdown Standart
* Cara Membagi Postingan Menjadi Dua Kolom
* Cara Merubah Domain Dari Blogspot Menjadi .co.cc
* Memberi Background Warna Pada Tulisan Postingan
* Cara Membuat Pop-up
* Membuat Link Dalam Gambar
* Cara Membuat Kotak Tabel Dalam Postingan
* Cara Membuat Menu Drop Down Menggunakan CSS Menu Maker
* Membuat Kolom Scroll
* Cara Membuat Share Artikel
* Cara Membuat Text Area dan Textbox Area Berfasilitas Select All
* Cara Membuat Readmore
* Cara Membuat Iklan Melayang

0 komentar:

Posting Komentar