Jumat, 15 Maret 2013

Cara Membuat menu Dropdown di sidebar blog

Cara Membuat menu Dropdown di sidebar blog
Saat kita bertukar link dengan teman maka link kita juga akan tersebar di berbagai blog lain dan sekaligus mendapatkan backlink dari blog teman kita, tentu saja itu akan menguntungkan ke dua belah pihak.
Namun apa jadinya kalau terlalu banyak link blog lain terpampang di sidebar blog kita?, misalkan ada seratus link blog lain yang ada pada blogroll di sidebar kita.
jawabannya tentu saja blogroll tersebut akan memenuhi blog kita. Itu akan membuat blog kita kurang enak dipandang mata.
Lalu apa hubungannya dengan judul postingan Membuat Menu Dropdown? Tentu saja ada, dengan membuat menu dropdown blogroll kita akan lebih terlihat simple dan blog kita juga lebih enak dipandang mata.

Untuk membuat menu dropdown di sidebar anda, silahkan copy dan pastekan kode yang bloggertrik berikan di bawah ini:

<form><select name="menu"
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu><option value=0 selected>Nama blogroll yang akan ditampilkan</OPTION>

<option value="isi dengan link teman anda">Isi dengan nama blog teman anda</option>
</select></form>


Sebagai contohnya, bloggertrik akan berikan daftar link blog saya:


<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1
name=menu>


<option>- Blogger Trik -</option>



<option value="http://bloggertrik.blogspot.com/2011/08/pasang-puluhan-iklan-baris-dengan-1.html">Pasang iklan</option>

<option value="http://bloggertrik.blogspot.com/2011/08/metatag-lengkap-agar-blog-lebih-seo.html">metatag</option>

<option value="http://bloggertrik.blogspot.com/2011/08/tukeran-link.html">Tukar link</option>

<option value="http://bloggertrik.blogspot.com/2011/08/bloggertrik-frequently-asked-questions.html">FAQ</option>

<option value="http://bloggertrik.blogspot.com/2011/08/bloggertrik-term-of-services-tos.html">TOS</option>

<option value="http://bloggertrik.blogspot.com/2011/08/warna.html">Kode warna</option>

<option value="http://bloggertrik.blogspot.com/2011/08/cara-membuat-textarea.html">Textarea</option>

<option value="http://bloggertrik.blogspot.com/2011/08/taukah-anda-apa-itu-favicon-favicon.html">favicon</option>

<option value="http://bloggertrik.blogspot.com/2011/08/cara-menulis-kode-html-di-postingan.html">kode html</option>

</select></form>

Tampilan kode diatas akan menjadi:


name=menu> 
 
semoga bermanfaat.......................

Tidak ada komentar:

Posting Komentar