Membuat Dropdown Label di Blogger
Anda ingin membuat dropdown label di blogger? Caranya cukup mudah kok. Langsung saja, berikut langkah-langkahnya :
1. Seperti biasa sehabis login masuk ke Template --> Edit Html
1. Seperti biasa sehabis login masuk ke Template --> Edit Html
2. Beri tanda centang pada Expand Template Widget, Kalau perlu backup juga templatenya
3. Lalu cari kode berikut ini :
4. Hapus Code diatas dan ganti dengan code di bawah ini :
- Tulisan Berwarna Merah adalah judul drop down-nya
- Jangan lupa Simpan
3. Lalu cari kode berikut ini :
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
4. Hapus Code diatas dan ganti dengan code di bawah ini :
<br />
<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>
<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>
- Tulisan Berwarna Merah adalah judul drop down-nya
- Jangan lupa Simpan
terimakasih tutorial anda sangat mendukung website saya
ReplyDeleteok sama sama..
ReplyDeleteterima kasih atas tutorialnya....sangat membantu website saya http://iblisninjas.blogspot.com/
ReplyDeleteok, sob...
ReplyDelete