Senin, 11 September 2017

Membuat Widget Label Cloud Kotak Keren

Tags

Membuat Widget Label Cloud Kotak Keren

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 :)

Hosting Unlimited Indonesia
loading...


EmoticonEmoticon