Cara Membuat Counter Box Label

Blog, Tutorial

Belum ada komentar

Lagi jalan-jalan ke blognya Kang Ismet eh nemu tutorial yang bagus jadi pengen coba praktekin dan ini hasil uji cobanya gambar dibawah

Jika anda tertarik silahkan ikuti petunjuk dibawah ini

• Buat widget Label lalu centang tampilkan jumlah entri per Label lalu klik simpan
• Selanjutnya pergi ke rancangan HTML
• Cari kode ]]></b:skin>
• Masukan kode script dibawah tepat diatas kode ]]></b:skin>

#Label1 li a {color: #2c3e50;text-decoration:none;}
#Label1 li a:hover, #Label2 li a:active, #Label1 li a:focus {color: #20aea6;text-decoration:none;}
#Label1 li .label-counter {float:right;background-color:#20aea6;color:#fff;line-height:1;margin:2px 0 0;padding:3px 5px;border-radius:2px;text-align: center;font-size:12px;}
#Label1 li:hover .label-counter {background-color:#255e96;color:white}

• Untuk warna silahkan anda atur ulang kembali sesuai Template
• Cari kode dibawah ini

<span dir='ltr'>(<data:label.count/>)</span>

• Lalu ganti dengan kode ini

<span class='label-counter'><data:label.count/></span>

• Klik simpan Template dan lihat hasilnya

Semogaartikel ini bermanfaat bagi anda


Sumber : http://blog.kangismet.net/2013/10/membuat-counter-box-pada-widget-label.html