Assalamualaikum sobat, kali ini ada trik baru dari
Blog Adik Yasdil nih.Trik ini memang sudah lama di terapkan di setiap Template
Blog Adik Yasdil.Well, Artikel Kali ini Membahas Tentang Widget.Dan Untuk Post Sebelumnya Saya Telah Berbagi Sidebar Flat UI :D .Langsung Ke TKP aja gan ^_^
Tips:
- Buat Widget Label > Centang Tampilkan jumlah entri per label
- Pergi Ke Menu Edit Template Lalu Cari Kode ]]></b:skin> atau </style> lalu letakan kode dibawah ini tepat diatas kode tadi
/* LABEL MODIFIKASI */
.label-size {display: inline-block;font-size: 13px;margin:2px 0;}
.label-size a {background: #3B4247;padding: 5px;color: #999; text-decoration: none;display: inline-block;}
.label-size span {background: #3D5668;padding: 5px;margin-left:-4px;display: inline-block;color: #fff;}
.label-size a:hover {background:#3A4B57; color: #fff;}
#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:#2c3e50;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}
Jika Anda ingin mengatur silahkan diganti/diatur sesuka hati anda ^_^
- Lalu Cari Kode
<span dir='ltr'>(<data:label.count/>)</span> dan ganti dengan kode dibawah
<span class='label-counter'><data:label.count/></span>
- Simpan Template
Nah, Gmna gan ? Gampang Banget Kan.Jika Anda Bermasalah dalam Tips ini silahkan berkomentar atau PM saya di
Facebook.