Jumat, 06 Mei 2011

Cara Membuat Menu Dropdown Di Blogger

karena ada temen yang nanya jadi saya buatkan postingan ini cara membuat menu dropdown sebenarnya trik seperti ini sudah bejibun di google, tapi tidak apa saya tulis lagi lagipula memang di blog saya ini belum pernah membahasnya.


Langsung saja kita mulai cara membuat menu dropdown
Pertama Login ke blogger=> masuk ke menu "Page Element"
=>
Lalu pilih Add page elements => HTML/JavaScript.
Kemudian masukkan script berikut ini

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

Arsip Blog
</option>
<option value=" Links 1 "> nama 1 </option>
<option value=" Links 2 "> nama 2 </option>
</select>

NB: Text yang berwarna merah adalah link. ganti link tersebut dengan link kamu.

Text yang berwarna BIRU adalah tulisan yang
ditampilkan. ganti dengan yang kamu mau.

Nanti hasilnya akan seperti ini :


untuk menambahkan menu lagi, tinggal tambahkan kode
seperti ini :
<option value=" Links 2 "> nama 2 </option>
sebelum kode </select>

dropdown menu di atas untuk membuka link di halaman blog. Ini cocok untuk
Arsip dan link-link yang masih berhubungan dengan
blog kalian.

Sedangkan untu membuat menu dropdown yang dapat membuka window baru seperti untuk Blogroll atau link teman.
Silahkan ganti kode
berikut
<select onChange="document.location.href=this.options
[this.selectedIndex].value;">

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

Selamat mencoba...

Tidak ada komentar:

Posting Komentar