Cara Membuat Label Cloud Di Blog

Blogger Sukabumi - Apa kabarnya sobat? kabar baik tentunya. Sepertinya sobat semua sudah tahu apa fungsi dari widget label yang ada di blog,  dan sobat sudah bosan dengan tampilan label blogger default dan ingin tampilan widget lain?.  Saya akan share dengan sobat tentang cara membuat label cloud  dengan tambahan kode css di blog. Screenshot label cloudnya bisa di lihat di gambar bagian atas.

Untuk di perhatikan !! posisi label pada blog yang terpasang harus dibuat posisi Cloud, apabila tertarik sobat bisa mengikuti cara dan langkah di bawah ini :

1.  Masuk ke akun blogger sobat  > klik Template > Edit HTML

2.  Lalu cari kode ]]></b:skin> gunakan Ctrl + F untuk mempermudah pencarian

3.  Bila sudah ketemu dengan kode tadi copy kode css dibawah ini dan Paste tepat diatas kode ]]></b:skin>

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

5. Terakhir Simpan Template

Selamat mencoba dan semoga bermanfaat.