Drop down

Jumat, 20 Agustus 2010

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>Cari Artikel 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>Cari Artikel Blog</option>
<option value="http://chapcus.blogspot.com/2010/06/cara-mengganti-logoicon-blogger-sangat.html"&gt; Cara Merubah Icon Blogger</option>
<option value="http://chapcus.blogspot.com/2010/06/tips-membuat-efek-pelangi.html"> Cara Membuat Teks Pelangi </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>

gitu aja gan...
gak repot kayak pak gusdur toh??


Tidak ada komentar:

Posting Komentar

Tinggalkan Jejak Mu


ShoutMix chat widget