Cara Merubah Tampilan Label Cloud

Cara Merubah Tampilan Label Cloud - Halo Sobat, Gimana Kabarnya?
Kali Ini Saya Akan Share Cara Merubah Tampilan Label Cloud di Blog Seperti Di Blog Saya Ini
Cara Merubah Tampilan Cloud Label Tinggal Memasukkan Kode CSS di Template Sobat

Screen Shot :

Berikut Tutorialnya :

• Login Blogger
• Edit HTML
• Centang Expand Template Widget
• Backup Template
• Cari Kode Ini  ]]></b:skin>
• Copy Kode Dibawah, Lalu Paste Tepat Diatas Kode  ]]></b:skin>

/* Custom Labels Cloud by Monster Zila */

.label-size{ 

margin:0 2px 6px 0; 

padding: 3px; 

text-transform: uppercase; 

border: solid 1px #C6C6C6; 

border-radius: 3px; 

float:left; 

text-decoration:none; 

font-size:10px; 

color:#666; 

}

.label-size:hover { 

border:1px solid #6BB5FF; 

text-decoration: none;

-moz-transition: all 0.5s ease-out;  

-o-transition: all 0.5s ease-out;  

-webkit-transition: all 0.5s ease-out;  

-ms-transition: all 0.5s ease-out;  

transition: all 0.5s ease-out; 

-moz-transform: rotate(7deg);  

-o-transform: rotate(7deg);  

-webkit-transform: rotate(7deg);  

-ms-transform: rotate(7deg);  

transform: rotate(7deg);  

filter: progid:DXImageTransform.Microsoft.Matrix( 

 M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 

zoom: 1;  

}

.label-size a  { 

text-transform: uppercase; 

float:left; 

text-decoration: none; 

}

.label-size a:hover  { 

text-decoration: none; 

}

• Klik Pratinjau, Jika Tidak Terjadi Error Klik 'Simpan Template'

Bagi Yang Belum Pasang Gadget Label :

• Tambah Gadget
• Pilih 'Labels'
• Klik Pada 'Cloud'
• Cheklist / Unchek Untuk Menampilkan Jumlah Post / Artikel
• Simpan Gadget

Mudah Bukan ?
Semoga Bermanfaat

Share 'Cara Merubah Tampilan Label Cloud' On ...

Cara Merubah Tampilan Label Cloud 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.