Memodifikasi Tampilan Widget Label Di Blog

Selamat malam :) kali ini saya akan share cara memodifikasi tampilan widget Label yang ada di blog. Yah sekedar untuk mempercantik tampilan aja sih :) Dan, sebenarnya cara ini sudah banyak yang share, tapi saya akan membuatnya lebih simpel dan mudah di terapkan :) langsung saja :

Sebelumnya, back up dulu, untuk jaga-jaga jika cara ini gagal.
Cari kode ]]></b:skin> atau </style>
Kemudian, letakkan kode di bawah ini tepat di atas kode tadi.
/* Widget label css keren*/ #Label1 ul {list-style:none;padding:0;margin:0;color:#999} #Label1 li {border-bottom:1px solid #222;border-top: 1px solid #444; list-style:none;margin:0;padding:0} #Label1 li:first-child { border-top: 0; } #Label1 li:last-child { border-bottom: 0; } #Label1 li a {color: #eee;text-decoration:none;list-style: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:#444;color:#eee;line-height:1.2em;margin:2px 0 0;padding:3px 5px;border-radius:4px;text-align: center;font-size:12px;min-width:27px} #Label1 li:hover .label-counter {background:#20aea6;color:#ddd}
Kemudian, cari kode :
<span dir='ltr'>(<data:label.count/>)</span>
Ganti dengan kode ini :
<span class='label-counter'><data:label.count/></span>
Simpan dan lihat hasilnya :)

Resource : http://ahmadsuyadi.blogspot.com/2014/02/membuat-css-jumlah-entri-pada-widget-label.html