Widget label - bisa menjadi sebuah kebutuhan para blogger untuk
mempermudah para pengunjungnya dalam navigasi dan mencari suatu kategori
yang ada pada blog mereka. Widget label yang disediakan oleh blogger
ada 2 jenis. Ada yang berbentuk daftar (list) ada juga yang berbentuk
Cloud. Pada bentuk list, kategori (label) akan berderet seperti list
biasa. Namun, pada bentuk cloud, label akan berbentuk barisan kata yang
dimana kata kategori yang lebih banyak akan lebih besar. Bingung
jelasinnya wkwk. Oke langsung aja ke CSS nya
CSS
Letakkan kode berikut tepat di atas ]]></b:skin
.label-size {
display: block;
float: left;
background: #555 !important;
margin: 0 1px 1px 0;
color: #eee;
font-size: 100%;
}
.label-size:hover, .label-size a:hover, .label-size span:hover{background:#3384ff;}
.label-size a, .label-size span {
display: inline-block;
color: #fff;
padding: 4px 4px;
}
Kemudian Simpan Template, dan buat sebuah widget label berbentuk cloud. Lihat hasilnya :)