Untuk Anda rekan-rekan Blogger yang ingin Blognya tampil beda dan cantik, bisa mengikuti tutoril di bawah ini :
1). Pasang dulu Gadget Label di Blog : Tata Letak >> Add Gadget >> Label, kemudian setting pada pilihan Label Cloud, lalu klik Simpan.
2). Untuk mempercantik Tampilan-nya, kita perlu memasang sedikit Kode CSS di Template Blog. Klik Tab Template >> Edit HTML, lalu cari Kode ]]></b:skin> (Gunakan fasilitas Search Ctrl+F)
Setelah ketemu Copy dan Paste Kode CSS di bawah ini sebelum kode ]]></b:skin>.
/* -- Label Modification by Berbagi Tips Blogger -- */
.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}
3). Sesuaikan Warna background dan huruf sesuai selera Anda dan yang terakhir Klik Simpan Template. Selamat Mencoba. Untuk contoh Tampilan Label Cloud Blogger bisa dilihat di Blog ini.
:-# tes
ReplyDelete