Cara Mengganti Label Blog Menjadi Keren

Baik sobat... saya ingin memberi tutor bagaimana cara mengubah bentuk label cloud....
  • Pertama Login aku blog sobat...
  • Kalian harus menahbahkan widget Labelnya...

Cara Membuat Label Blog Keren
 Lalu Simpan...
  • Masuk Template >  EDIT HTML
  • Cari kode ]]></b:skin>.
 Masukkan kode kode di bawah ini tepat di atas Kode ]]></b:skin> Tadi

 Style 1 
Cara Membuat Label Blog Keren
/* -- Label Modification by Harafi -- */
.label-size a{padding-left:10px;background:#0090d5;padding:0 10px;color:#fff!important;height:28px;line-height:26px;text-decoration:none;border:none!important;-webkit-transition:all .3s ease-in-out!important;t:30pxt:30px;float:left;margin-left:3px;margin-top:3px;font-size:14px;font-family:Arial,sans-serif}
.label-size a:hover{background:#555;box-shadow:1px 1px 2px 2px rgba(0,0,0,0.5);-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-webkit-border-radius:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
Style 2
Cara Membuat Label Blog Keren
/* -- Label Modification by Harafi-- */
.cloud-label-widget-content {text-align:center;font-weight: bold;padding: 4px 0}
.cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
.cloud-label-widget-content span a {padding:3px 4px;color:#fff}
.label-size {margin:3px}
.label-size span {background:#E95D0C;padding:3px 4px;color:#fff}
.label-size-1 a {background:#0090d5;font-size:13px;}
.label-size-2 a {background:#E20000;font-size:13px;}
.label-size-3 a {background:#00CEAC;font-size:13px;}
.label-size-4 a {background:#CEEA00;font-size:13px;}
.label-size-5 a {background:#EA9C00;font-size:13px;}
.cloud-label-widget-content span a:hover {background:#555;}

 Style Ke 3
/* -- Label Modification by Harafi -- */
.label-size a{padding-left:10px;padding:0 10px;color:#fff!important;height:28px;line-height:26px;text-decoration:none;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background:#B8B8B8;border:0;border-radius:3px;color:#fff;t:30pxt:30px;float:left;margin-left:3px;margin-top:3px;font-size:14px;font-family:Arial,sans-serif;}
.label-size a:hover{background:#9B9B9B;font-weight: bold; font-variant: small-caps;}
.label-size span{float:right;font-size:9px;margin:0 0 4px;}

Lalu simpan template..
sekian semoga ini bisa membantu anda sekalian untuk membuat mofidikasi Label..
Previous
Next Post »

Berkomentarlah dengan baik dan sopan di setiap postingan di blog ini, syarat berkomentar:
1. Gunakan kata-kata yang sopan dan tanpa spam
2. Jangan memasukkan link aktif bila ada akan saya hapus
3. Tidak di izinkan melakukan promosi blog yang ada unsur pornografi ConversionConversion EmoticonEmoticon