Cara Membuat Menu Pulldown di Blog

Banyak sekali manfaat pabila Anda memasang Pulldown Menu di blog. Pulldown menu akan membuat link-link Anda menjadi lebih simpel dan lebih mudah diakses. Selain itu juga untuk menghemat space/ruang di blog Anda. Pulldown menu ini bisa Anda isi dengan link Blogroll, Daftar Artikel, Label dan sebagainya.

Script dasar untuk membuat pulldown menu adalah sebagai berikut :

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

<option>- Judul Menu -</option>

<option value="http://URL_link_1/">Nama_link_1</option>
<option value="http://URL_link_2/">Nama_link_2</option>
<option value="http://URL_link_3/">Nama_link_3</option>

</select>
</form>

Untuk menambah link yang ingin ditampilkan dengan cara menambah script di bawah :

<option value="http://URL_link_/">Nama_link_</option>

Sebanyak yang Anda perlukan.

Contohnya di bawah ini :

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

<option>- LABEL -</option>

<option value="http://supardipunya.blogspot.com/search/label/Bisnis%20Online">Informasi Bisnis</option>
<option value="http://supardipunya.blogspot.com/search/label/tips%20seo">Tips SEO</option>
<option value="http://supardipunya.blogspot.com/search/label/tips%20blogger">Tips Blogger</option>
<option value="http://supardipunya.blogspot.com/search/label/Islam">Artikel Islam </option>
<option value="http://supardipunya.blogspot.com/search/label/Free%20MP3">MP3 Gratis</option>
<option value="http://supardipunya.blogspot.com/search/label/E-Book">E-BOOK Gratis </option>
<option value="http://supardipunya.blogspot.com/search/label/Tukaran%20Link">Tukaran Link</option>

</select>
</form>


Dan hasilnya seperti di bawah ini :

- LABEL -Informasi BisnisTips SEOTips BloggerArtikel Islam MP3 GratisE-BOOK Gratis Tukaran Link

Cara memasangnya adalah sebagai berikut :

1. Log In ke Blogger http://blogger.com/
2. Pada beranda/Dasbor pilih Tata Letak >> Tambah Gadget >> Tambahkan HTML/Javascript
3. Kemudian copy paste script alert diatas
4. Simpan Perubahan
5. Setelah itu masukkan script seperti di atas. Jangan lupa mengganti dengan link-link Anda sendiri
6. Setelah semua selesai klik Simpan Perubahan.

Anda bisa menambahkan atribut warna pada menu pulldown yang telah Anda buat tadi. Berikut kode yang harus Anda masukkan untuk membuat variasi warna pada menu pulldown :

style="color:kode warna font; background:kode warna background"


Berikut contoh kode secara lengkap :


<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size="1" style="color: #0080FF;background: #E6E6E6">
<option>- Judul Menu -</option>

<option value="http://URL_link_1/">Nama_link_1</option>
<option value="http://URL_link_2/">Nama_link_2</option>
<option value="http://URL_link_3/">Nama_link_3</option>

</select>
</form>

Contoh hasilnya akan seperti ini :

- Judul Menu -MP3 GratisE-BOOK Gratis Tukaran Link

Anda bisa membuatnya semakin variatif dengan membuat warna yang berbeda pada setiap link. Berikut kodenya :

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size="1" style="color: #0080FF;background: #E6E6E6">
<option>- Judul Menu -</option>

<option value="http://URL_link_1/"style="color:#B40404;background:#088A08">Nama_link_1</option>
<option value="http://URL_link_2/"style="color:#B40404;background:#088A08">Nama_link_2</option>
<option value="http://URL_link_3/"style="color:#B40404;background:#088A08">Nama_link_3</option>

</select>
</form>

Ubah kode berwarna biru dengan kode warna yang berbeda sesuai keinginan Anda.


Semoga Bermanfaat…

Anda sedang membaca artikel tentang Cara Membuat Menu Pulldown di Blog dan anda bisa menemukan artikel Cara Membuat Menu Pulldown di Blog ini dengan url https://supardipunya.blogspot.com/2009/12/cara-membuat-menu-pulldown-di-blog.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Menu Pulldown di Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Membuat Menu Pulldown di Blog sumbernya.