Advertisment

 

Membuat Menu Drop Down

Membuat Menu Drop Down - Hallo sahabat donatecarsinma, Pada Artikel yang anda baca kali ini dengan judul Membuat Menu Drop Down, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel info, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Menu Drop Down
link : Membuat Menu Drop Down

Baca juga


Membuat Menu Drop Down

Apa sih dropdown menu itu?
Dropdown menu yang seperti ini itu lho :


Nha udah tahu kan? Dengan dropdown menu kita bisa mnghemat space/ruang di blog kita, karena dengan ukuran yang kecil seperti itu bisa menyimpan link dan text yang banyak. Itu bisa diisi dengan arsip, blogroll dll.
Gimana? Mau mencobanya?
Gini nih caranya :


Login ke blogger, trus masuk ke menu "Page Element" trus pilih Add page elements --> HTML/JavaScript. Kemudian masukkan script berikut ini di kocat "Content"


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>


Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna biru adalah tulisan yang ditampilkan. Itu juga harus km ganti.

Contohnya seperti ini :


<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://www.blog-triks.blogspot.com/2009/05/apa-itu-text-area.html"> Cara Membuat text-area </option>
<option value="http://www.blog-triks.blogspot.com/2009/05/kode-warna.html"> kode-warna </option>
</select>


maka hasilnya akan seperti ini :



untuk menambahkan menu lagi, tambahkan kode seperti ini :


<option value="Links 2">Text 2</option>


sebelum kode </select>

Link dalam dropdown menu di atas jika di klik akan membuka link di halaman yang sama. Ini cocok untuk Arsip dan link-link yang masih berhubungan dengan blog tsb.

Ada satu tipe lagi yang jika diklik linknya maka akan membuka window baru tanpa menutup blog kamu. Yang ini cocok untu Blogroll atau Friend link.
Cara mambuatnya seperti diatas tapi ganti kode berikut


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


ganti dengan kode ini :


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


hasilnya akan seperti ini :



Gimana? Bisa nggak?



Demikianlah Artikel Membuat Menu Drop Down

Sekianlah artikel Membuat Menu Drop Down kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Menu Drop Down dengan alamat link https://www.donatecarsinma.ga/2009/05/membuat-menu-drop-down.html

0 Response to "Membuat Menu Drop Down"

Post a Comment

Total Pengunjung