Cara Membuat Menu Dropdown

Tutorial Gratis - Cara Membuat Menu Dropdown adalah hal yang akan saya tuliskan. Saya akan menuliskannya untuk anda, semoga ini bermanfaat untuk anda. Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini:

"document.location.href=this.options[this.selectedIndex].value;"> - Archives - January 2007February 2007Mart 2007April 2007

Jadi, 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.

Caranya sangat mudah mudah yaitu :

1. login dulu, tentunya dengan id anda
2. klik LAYOUT
3. Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
4. Klik Edit pada kotak Blog Archive tadi
5. Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
6. Klik Save Changes
7. Selesai

Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik Kang Rohman yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu><option value=0 selected>tulisan disini yang akan muncul duluan</OPTION>


<option value="isi dengan addres yang ingin di tuju">tulisan di sini yang akan muncul</option>
</select></form>

Sebagai contoh untuk menu Dropdown :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>

<option>- Blog Tutorial -</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/bikin-blog.html">Membuat Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-setting-blog.html">setting Blog</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/memilih-template.html">Memilih Template</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/mengatur-hurup-dan-warna.html">warna & hurup</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/cara-memposting-artikel.html">Posting Artikel</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-read-more-1.html">Read more (1)</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/membuat-text-area.html">Text area</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/blogger-emoticons.html">Blogger Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/yahoo-messenger-emoticons.html">Yahoo!Emoticons</option>

<option value="http://kolom-tutorial.blogspot.com/2007/04/download-gratis.html">Download Gratis</option>

</select></form>

Hasilnya akan seperti ini :

- Blog Tutorial - Membuat Blog setting Blog Memilih Template warna & hurup Posting Artikel Read more (1) Text area Blogger Emoticons Yahoo!Emoticons Download Gratis

Mudah bukan?

Itulah Tutorial tentang cara membuat menu Dropdown. Semoga bermanfaat

Tutorial Gratis

Anda baru saja membaca artikel yang berkategori blog tutorial dengan judul Cara Membuat Menu Dropdown. Anda bisa bookmark halaman ini dengan URL http://tutorial-gratis-di.blogspot.com/2013/03/cara-membuat-menu-dropdown.html. Terima kasih!

Ditulis oleh: Unknown - Senin, 25 Maret 2013