Membuat Label Categories Drop Down Tips and Trik Blog

Tampilan blog itu memang jadi salah satu cara untuk membuat blog anda digemari pengunjung. Nah, Jika anda merasa widget yang ada pada halaman blog anda itu terlalu banyak sehingga membuat halaman blog terlalu panjang, rasanya berat hati juga kalau terpaksa menghapus widget tersebut. Menghadapi masalah seperti ini, kita harus mencari tahu solusinya. Berterima kasihlah kepada para blogger EDAN yang membagi ilmu kepada kita.

Kali ini saya akan membagikan info tentang bagaimana membuat label bawaan blog DROPDOWN. Ketika anda memasang kode ini, maka label anda akan menjadi SATU baris saja, tapi pada saat anda klik, menu label akan keluar ke bawah atau bisa juga je atas. Giamana? Menarik bukan? Ini dia caranya:

1. Login ke akun blogger anda
2. Masuk ke Rancangan
3. Pilih EDIT HTML
4. Centang Expand Widget Template
5. Untuk keamanan  lebih baik klik Download Template Lengkap yang ada di atas halaman edit
6. Lalu gunakan CTRF+F atau Alt+E+F untuk memudahkan pencarian
7. Cari kode <data:label.count/>
8. Jika sudah ketemu, carilah dengan teliti kkode keseluruhannya, contoh kode keseluruhannya seperti di bawah 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>

9. Jika sudah ketemu, gantilah semua kode di atas dengan kode di bawah ini:
   

   <br />

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

   <option>Select a label</option>

   <b:loop values=data:labels var=label>

   <option expr:value=data:label.url><data:label.name/>

   (<data:label.count/>)

   </option>

   </b:loop>

   </select>
   
   Anda bisa mengganti KALIMAT yang berwarna BIRU sesuai dengan minat anda.

10. Jika sudah selesai, klik SAVE, lalu lihat label anda.

GOODLUCK

Related Posts by Categories