Cara Membuat Dropdown Menu - Hallo sahabat Leyssycool, Apa Kabarnya ? Semoga Selalu dalam Keadaan sehat, Untuk itu A-medika Alkes Batang ingin menawarkan sebuah produk kesehatan yang bagus yakni Cara Membuat Dropdown Menu, bila sobat amedika ingin membeli, bisa hubungi No HP / Wa 085706666683 kami akan senantiasa membantu segala keperluan sobat. mudah-mudahan Produk Kesehatan Blogger, dapat membantu anda dalam solusi kesehatan. selamat membaca dan belanja terimakasih.

Judul : Cara Membuat Dropdown Menu
link : Cara Membuat Dropdown Menu

Cara Membuat Dropdown Menu

Apa sih dropdown menu itu?
Dropdown menu seperti gambar di samping kanan ---->

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 :

1. Login ke blogger, >>
2. Masuk ke menu "Page Element" >> pilih Add page elements --> HTML/JavaScript.
3. Kemudian masukkan script berikut ini di kotak "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>

Silahkan kamu ganti text1 & Text2 sesuai dengan keinginan, terus di bagian link1 dan link2 silahkan di isi dengan link atau tujuan halaman blog sesuai dengan tema isi di text1 dan text2.

Contohnya seperti ini :

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Arsip Blog</option>
<option value="http://trik-tips.blogspot.com/2008/01/membuat-menu-horizontal.html"> Cara Membuat Menu Horizontal </option>
<option value="http://trik-tips.blogspot.com/2007/12/cara-membuat-search-engine.html"> Cara Membuat Search Engine </option>
</select>

Maka hasilnya akan seperti ini :

Arsip Blog Cara Membuat Menu Horizontal Cara Membuat Search Engine

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 :

Arsip Blog Cara Membuat Menu Dropdown Menampilkan Judul Posting

CARA MUDAH BELI Cara Membuat Dropdown Menu

Demikian Sedikit Info Tentang Cara Membuat Dropdown Menu , mudah-mudahan bisa memberi informasi untuk anda semua. baiklah, sampai jumpa dalam postingan alkes lainnya, bila anda tertarik untuk membeli alat kesehatan jangan lupa untuk menghubungi saya di nomor 085706666683.

Anda sekarang membaca artikel Cara Membuat Dropdown Menu dengan alamat link https://leyssycool.blogspot.com/2011/10/cara-membuat-dropdown-menu.html

SHARE THIS