Cara Mengefektifkan Ruang Postingan Dengan Membuat Drop Down Menu

Cara Mengefektifkan Ruang Postingan Dengan Membuat Drop Down Menu

Seringkali kita dapati pada beberapa blog itu sudah penuh dengan link exchange atau arsip blog dan lain-lain. Hal ini akan sedikiti mengganggu karena terlalu banyaknya link yang harus ditampilkan pada setiap halaman blog. Untuk itu diperlukan cara untuk mengefektifkan ruang posting.
Salah satu caranya adalah dengan membuat drop down menu. Drop Down menu berisi link ke blog kita atau ke blog lain yang tersimpan dalam satu kotak gulung. Apabila kita klik panah ke bawah maka akan muncul judul tulisan yang jika diklik akan membuka halaman atau blog lain.

Dengan dropdown menu kita bisa menghemat 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 -->
Kemudian masukkan script berikut ini di kotak "Content"HTML/JavaScript.
H<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://ahrusdi.blogspot.com/2009/07/tutorial-belajar-bikin-blog-wordpress.html "> Tutorial belajar bikin blog Wordpress Bagi Pemula </option>
<option value=" http://ahrusdi.blogspot.com/2009/07/cara-membuat-readmore-pada-posting.html"> Cara Membuat read more pada posting blog </option>
</select>

untuk menambahkan menu lagi, tambahkan kode seperti ini :
<option value="Links 1">Text 1</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);">

Sumber:  http://ahrusdi.blogspot.com/2009/08/cara-mengefektifkan-ruang-postingan.html )