Membuat Label Cloud Evo Magz

XeoSite - Kali ini saya akan membagikan sebuah tutorial membuat label seperti Evo Magz. Menurut saya, label ini sangat menarik dan simple. Para Blogger, tidak salahnya mencoba label Evo Magz, untuk membuat labelnya silahkan ikuti langkah berikut

Memasang Label Cloud ala Evo Magz

1. Login Blogger.
2. Pilih Template, Edit HTML.
3. Cari ]]></b:skin>.
4. Letakkan CSS berikut di atas code ]]></b:skin>.

/* label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
background:#01B8C0;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#333333;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}

5. Save Template.
6. Pergi ke Tata Letak, Tambahkan Gadget dan setting seperti gambar di bawah.

7. Save.

Share This :