Saturday, 13 August 2011

Cara Pembuatan Pulldown Menu


TIPS MEMBUAT MENU PULLDOWN. Pulldown Menu lebih simple dan memakan ruang sidebar yang lebih sedikit. Cara penambahan linknya juga mudah. Pulldown bisa digunakan untuk Daftar Blogroll, Daftar Link, Previous Posting, dan sejenisnya. Walapupun sering diulas pada banyak blog dan website, tidak ada salahnya TIPS DAN TRIK BLOG ini mengulasnya kembali, siapa tahu dapat membantu para new blogger.
Formatnya sebagai berikut :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size="1" name="menu">

<option>- Nama/Judul Menu -</option>

<option value="http://alamat_link_1/">Nama_link_1</option>
<option value="http://alamat_link_2/">Nama_link_2</option>
<option value="http://alamat_link_3/">Nama_link_3</option>

</select>
</form>


Cara menambahkan linknya dengan menambahkan di bawah link_3 atau menyisipkan di antara link-link yang ada.

Sebagai contoh riilnya, seperti di bawah ini
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size="1" name="menu">

<option>- My Blog -</option>

<option value="http://pegadaiandiari.blogspot.com/">All About of My Life</option>
<option value="http://sepeda-natik.blogspot.com/">Sepeda Antik Juwana</option>
<option value="http://onoid.blogspot.com/">Tips dan Trik Komputer</option>
<option value="http://tips-trik-blog.blogspot.com/">Tips dan Trik Blog </option>
<option value="http://clixsense2007.blogspot.com/">Bisnis Internet</option>

</select>
</form>


Tampilannya menjadi seperti ini.
Langkah-langkahnya :
1. Login di blogger, sehingga masuk di halaman Panel Kontrol (Control Panel), seperti di bawah ini.
2. Pilih blog Anda yang ingin dimodifikasi, kemudian klik layout dan klik Elemen Halaman.
3. Klik Tambahkan Sebuah halaman baru (Add New Page Element).
4. Kemudian tambahkan HTML/JavaScript, seperti gambar di bawah ini.
5. Setelah itu ketik seperti format di atas.
6. Setelah selesai Simpan Perubahan.
7. Selesai.
Selamat Mencoba.

0 comments:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment

"Jangan Lupa Tinggalkan Komentar"