Cara membuat Label Child Cantik

Cara membuat Label Child Cantik - Setelah bangun tidur dan tidak ada kerjaan saya ingin memposting tentang tutorial blog mengenai cara membuat label cloud cantik, Tampilan di samping diambil dari blog saya sendiri , widget ini saya letakkan di footer atau di bawah , jika di sidebar tampilannya akan terlihat berbeda, tetapi sama saja yang penting jadi 
Tampilan ini menampilkan semua label yang ada di postingan sobat.
Jika sobat tertarik dan ingin memasang widget ini juga caranya gampang
Tetapi sobat harus memasang widget label nya terlebih dahulu , 

Berikut cara pemasang widget Label Child :

 Login blogger.com

• Pilih Tata Letak
• Add Gadget l> Pilih Labels
• Simpan dan lanjutkan
• Setelah itu Langsung Ke Template l> Edit HTML
• Cari kode ]]></b:skin> gunakan F3 untuk memudahkan pencarian
• setelah ketemu Letakkan Kode berikut tepat diatas kode ]]></b:skin>

 Berikut Codenya :

.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 #B20000; 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; }

Pratinjau template terlebih dahulu , jika clear baru simpan ,
Jika ada yang belum jelas bisa ditanyakan , Wassalam.

Nantikan artikel - artikel menarik lainnya

kali berita ini telah dibaca