Membuat Label Unik Pada Blog

Blogger : Label Unik

ok guys, kali ini saya akan memberikan materi tentang cara membuat label yang unik, penasaran??yuk praktek!

Langkah 1 : Buka akun blog anda, lalu Template - Edit HTML

Langkah 2 : cari kode ]]></b:skin>, untuk mempercepat tekan CTRL + F lalu ketikkan ]]></b:skin>

Langkah 3 : lalu pastekan kode dibawah tepat diatas kode ]]></b:skin>

/* Label */  .label-size a{  float:left;  height:24px;  line-height:24px;  position:relative;  font-size:12px;  margin-bottom: 9px;  margin-left:20px;  padding:0 10px 0 12px;  background:#fff;  color:#333333;  text-decoration:none;  -moz-border-radius-bottomright:4px;  -webkit-border-bottom-right-radius:4px;  border-bottom-right-radius:4px;  -moz-border-radius-topright:4px;  -webkit-border-top-right-radius:4px;  border-top-right-radius:4px;  } .label-size a:before{  content:"";  float:left;  position:absolute;  top:0;  left:-12px;  width:0;  height:0;  border:1px solid #996633;  border-style:solid;  border-width:12px 12px 12px 0;  } .label-size a:after{  content:"";  position:absolute;  top:10px;  left:0;  float:left;  width:4px;  height:4px;  -moz-border-radius:2px;  -webkit-border-radius:2px;  border-radius:2px;  } .label-size a:hover{background:#fff;} .label-size a:hover:before{border-color:transparent #555  transparent transparent;}

pastekan kode diatas tepat diatas kode ]]></b:skin>

- lalu Save Template

Langkah 4 : Edit Label
setelah semua kode diedit, langkah terakhir adalah mengganti Display Label menjadi Cloud

klik Save jika sudah

Dan lihat sendiri hasilnya!

Posted in: Blogger