Cara Membuat Label Menu Drop Down

Apa kabar masbro dan mbasista semuanya? alhamdulilah kali ini saya kembali mempunyai kesempatan untuk memposting lagi, meskipun postingan saya sangat sedikit, tapi lembat laun tak terasa mulai semangat untuk berposting-posting ria. oke bro kali ini saya coba memberikan resep tutorial Cara Membuat Label Menu Drop Down. Biar tidak penasaran tampilan Menu DropDown, berikut tampilan hasil dari kotak katik pada tutorial Blogspot, monggo di lihat gambar dibawah ini : 

 

Silahkan menuju  Dashboard teman-teman, lalu cari klik menu Edit Html kemudian cari kode berikut ini :

<ul>       <b:loop values='data:labels' var='label'>         <li>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span dir='ltr'>(<data:label.count/>)</span>           </b:if>         </li>       </b:loop>

      </ul>

Nah setelah kode diatas ditemukan, gantilah semua kode tersebut dengan menggunakan kode dibawah ini.

<select onchange='location=this.options[this.selectedIndex].value;'>

<option>Pilih Kategori</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>

</select>

Silahkan mengganti teks Pilih Kategori tersebut diatas, dan jika sudah selesai tekan SAVE. Nah sekarang blogspot teman-teman sudah bisa tampil dengan menu terbaru dalam bentuk Menu DropDown.

Selamat berkarya.