Sabtu, 31 Desember 2011

Salam Pembaca Blog di label tutorial blog, Bagaimana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya. 
Untuk membuatnya kodenya hanya seperti dibawah ini 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>Nama menu yang akan ditampilkan</OPTION>
<option value="Alamat Url">Nama url yang akan ditampilkan</option> </select></form>
Sebagai contoh code untuk menu Dropdown milik saya : 
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option> Tutorial membuat blog </option>
<option value="http://label-tutorial.blogspot.com/2011/12/cara-membuat-blog-di-bloggerblogspot.html">Cara membuat blog di blogger</option>
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-custom-domain-di-blogger.html">Cara Custom Domain di Blogger </option>
<option value="
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-daftar-di-feedburnercom.html">Cara Daftar di Feedburner.com </option>
<option value="
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-membuat-banner-animasi-di-blog.html">Cara Membuat Banner Animasi di blog</option>
<option value="
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-membuat-readmore-pada-blog-1.html">Cara Membuat Readmore pada blog (1)</option>
<option value="
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-mengganti-template-di-blogger.html">Cara Mengganti Template di blogger</option>
<option value="
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-mengubah-lebar-kolom-template.html">Cara Mengubah Lebar Kolom Template </option>
<option value="
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-menyembunyikan-judul-blog-di.html">Cara Menyembunyikan Judul Blog di Header </option>
<option value="
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-pasang-banner-di-header-blog.html">Cara Pasang Banner di Header Blog </option>
<option value="
<option value=" http://label-tutorial.blogspot.com/2011/12/cara-pasang-buku-tamu-di-blog.html">Cara Pasang Buku Tamu di Blog </option>
</select></form>
</select></form>


Hasilnya akan seperti berikut :


Bottom of Form

Gampang kan ? selamat mencoba ! sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah membaca.

Salam pembaca label tutorial blog !!

Tagged: