Minggu, 26 Juni 2011

Cara Membuat Menu Dropdown di Blog,,,,

Dropdown menu tuh tampilan menu tp isi dari menu itu bisa di dropdown maksudnya di klik baru keliatan isi menunya jd gak makan tempat, kebayang gak??? klo gak kebayang nih contohnya kaya gini nih langsung aja dah daripada ngebayangin yang enggak2 hahay....


nah ... cara bikinnya kaya gini nih nih nih....

1. Login ke Blogger. Klik menu Design-> Page Elements
2. Klik Add a Gadget -> HTML/ Javascript
3. Masukin kode dibawah ini kedalem kotak

<select onChange=&
quot;document.location.href=this.options[this.selectedIndex].
value;">
<option value="http://alamatblog.com/#" selected>Blogroll</option>
<option value="http://alamatLink.com/">Nama Link</option>
<option value="http://alamatLink.com/">Nama Link</option>
<option value="http://alamatLink.com/">Nama Link</option>
</select>


klo lo mau nambain link lagi tambain aja lagi kode kaya yg di bawah ini :

<option value="http://alamatLink.com/">Nama Link</option> diatas </select>


Ganti alamatblog dengan alamat blog lo.
Ganti teks berwarna merah dengan alamat link yang mau dipasang.
Ganti teks berwarna Kuning dengan nama link yang mau ditampilin.


4. kalo udah di Save. oke Selesai,,,

NB:
kode diatas buat ngebuka link dihalaman yang sama. klo lo mau ngebuka link di halaman yang baru ganti kode yang ini ni :


<select onChange="document.location.href=this.options[this.selectedIndex].
value;">

jadi,
<select onchange="javascript:window.open(this.options[this.selectedIndex].
value);">

sok...di trial dlu okay....

Tidak ada komentar:

Posting Komentar