Membuat menu Drop Down

         Termasuk dalam jajaran layanan yang mampu untuk menghemat ruang atau space di blog. Meski mempunyai bentuk yang kecil namun Menu drop down mampu menyimpan banyak Link, arsip, brogoll dll.

Cara na sbb sobat :


Login ke akun Blogger sobat, kemudian masuk ke menu " PAGE ELEMENT " kemudian pilih " ADD PAGE ELEMENTS > HTML / JAVASCRIPT "Kemudian copy pastekan kode berikut :


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

Text yang berwarna merah adalah link. ganti text2 tersebut dengan link2 kamu.
Text yang berwarna hijau 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://bojetmarantau.blogspot.com/"> Home </option>
<option value="http://bojetmarantau.blogspot.com/2011/07/cdouble-cheese-n-chocolate-padang-id.html"> CDouble </option>
</select>


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);">
 
Selamat berkreasi y sobat, Salam senyum bo-jet marantau.com