Home » » Cara Membuat Menu Dropdown di Blog

Cara Membuat Menu Dropdown di Blog

Ditulis oleh Dicky Fajriansyah pada Kamis, 21 Maret 2013 | 00.22

Bagaimana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya. 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>Nama menu yang akan ditampilkan</OPTION>
<option value="Alamat Url">Nama url yang akan ditampilkan</option> </select></form>

Sebagai contoh 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://dickyz-blog.blogspot.com/2011/12/cara-membuat-blog-di-bloggerblogspot.html">Cara membuat blog di blogger</option>
<option value=" http://dickyz-blog.blogspot.com/2011/12/cara-custom-domain-di-blogger.html">Cara Custom Domain di Blogger </option>

<option value="

<option value=" http://dickyz-blog.blogspot.com/2011/12/cara-daftar-di-feedburnercom.html">Cara Daftar di Feedburner.com </option>

<option value="

<option value=" http://dickyz-blog.blogspot.com/2011/12/cara-membuat-banner-animasi-di-blog.html">Cara Membuat Banner Animasi di blog</option>

<option value="

<option value=" http://dickyz-blog.blogspot.com/2011/12/cara-membuat-readmore-pada-blog-1.html">Cara Membuat Readmore pada blog (1)</option>

<option value="

<option value=" http://dickyz-blog.blogspot.com/2011/12/cara-mengganti-template-di-blogger.html">Cara Mengganti Template di blogger</option>

<option value="

<option value=" http://dickyz-blog.blogspot.com/2011/12/cara-mengubah-lebar-kolom-template.html">Cara Mengubah Lebar Kolom Template </option>

<option value="

<option value=" http://dickyz-blog.blogspot.com/2011/12/cara-menyembunyikan-judul-blog-di.html">Cara Menyembunyikan Judul Blog di Header </option>

<option value="

<option value=" http://dickyz-blog.blogspot.com/2011/12/cara-pasang-banner-di-header-blog.html">Cara Pasang Banner di Header Blog </option>

<option value="

<option value=" http://dickyz-blog.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 :



Gampang kan ? selamat mencoba ! sekian tutorial ini ,semoga bermanfaat bagi pembaca Dicky's Blog. Terima kasih telah membaca.
 
Salam pembaca.........
Dilarang menduplikasi dan menyerbarluaskan artikel tanpa menyertakan sumbernya. Jika melanggar, berarti telah melanggar UUD 1945 No. 19 Tahun 2002 Tentang Hak Cipta dan akan dijatuhi denda.
thumbnail Title: Cara Membuat Menu Dropdown di Blog
Posted by:Dicky Fajriansyah
Published :2013-03-21T00:22:00-07:00
Rating: 5
Reviewer: 100 Reviews
Cara Membuat Menu Dropdown di Blog

0 komentar:

Posting Komentar