1
Hai good People Pengunjung, Selamat datang di Labeltutorial.com. Blog sudah 1 tahun vakum jadi banyak tutorial yang saya hapus dan blog ini akan kembali aktif membawa tutorial segar serta Blog Ini Sudah Selesai Redesign ,Ada yang ingin nanya bisa ke Ruang Ngopi.

Trending Tutorial :
Tutorial Terbaru Membahas Mengenai Tag Kondisional Lebih lanjut
#HappyBlogging Guys
CLOSE

Cara Membuat Menu Dropdown di Blog

2
12/31/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 !!

2 komentar Add New komentar

avatar
Balas Hapus

salam kenal mas... dari putri, pendiri threelas.com monggo mampir dan berbagi pengetahuan

avatar
Balas Hapus

iya salam kenal, mantap blognya . keren keren mba

Silahkan berkomentar sesuai artikel. Komentar yang menyertakan link aktif akan dimasukan ke folder SPAM.

Show Konversi
Hide Konversi
Show Emoticon
Hide Emoticon
Reset
Komentar sobat sangat berharga
Beranda item