Tampilan Label seperti di wordpress

Kali ini Admin ingin berbagi dengan sobat bagaimana merubah tampilan Widget Label seperti tampilan pada Worlpress di bawah ini;

Sebelum memasang Widget ini, anda harus terlebih dahulu memasang WIdget Label Default dahulu. kalau belum ada silahkan ikuti langkah - langkah berikut:


1. Login account blogger kamu
2. Pilih template
3. Klik edit HTML
4. Carilah kode" /b:skin "Setelah ketemu, pastekan kode CSS di bawah kode tadi.

CSS Label Worldpress

/* -- Labels -- */ .label-size {line-height: 1.2;float: left;font:normal normal 13px Cuprum;} .label-size a {-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #aaa;border: none;border-radius: 3px;color: #fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);float: left;margin: 0 4px 4px 0;padding: 5px 6px;} .label-size a:hover {background: #ffcb0f;}- .label-size span {float: right;font-size: 9px;margin: 0 0 4px;}

5. Kemudian Simpan.
6. Selesai dan lihat hasilnya.


*Keterangan;
 - Ganti dengan kode warna Merah dengan kode warna sesuka sobat.