Ada banyak cara yang dilakukan para blogger untuk membuat blognya terlihat lebih keren, salah satunya yaitu dengan memodifikasi label blog, dan kali ini mestiqui.com akan bagikan cara memodifikasi label blog agar terlihat lebih keren dengan penuh warna.
CSS modifikasi label blog ini sendiri saya dapatkan dari blog lain, dan saya pikir label penuh warna ini keren, sehingga saya repost di blog mestiqui.com dalam artikel ini.
Akhir-akhir ini saya disibukan dengan berbagai kegiatan sehingga blog mestiqui.com tidak begitu terusus, tetapi saya berusaha agar bisa update posting.
Baca juga :
Cara Membuat Widget About Author Box Keren
Untuk membuat label blog penuh warna hanya menggunakan sedikit kode CSS, dengan label yang penuh warna, pengunjung juga akan lebih tertarik untuk melihat isi label tersebut, dan membuat pengunjung betah berlama-lama di blog. Berikut tutorialnya.
Modifikasi Label Blog Keren Penuh Warna
1. Blogger > Dashboard > Template > Edit HTML
2. Taruh kode berikut di atas kode
]]></b:skin>
#Label1 .cloud-label-widget-content {text-align:center;font-weight: bold;padding: 5px 0}
#Label1 .cloud-label-widget-content span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content span a {padding:4px 5px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span {background:#E95D0C;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#ff8c00;font-size:11px;}
#Label1 .label-size-2 a {background:#556b2f;font-size:13px;}
#Label1 .label-size-3 a {background:#cd5c5c;font-size:14px;}
#Label1 .label-size-4 a {background:#B32A32;font-size:16px;}
#Label1 .label-size-5 a {background:#66CC00;font-size:18px;}
#Label1 .cloud-label-widget-content span a:hover {background:#B32A32;}
3. Simpan Template
4. Pergi ke Tata Letak > Tambahkan Gadget > Tambahkan Label dan atur tampilannya menjadi
Cloud
5. Simpan
Dengan beberapa langkah diatas, Anda sudah sukses m
odifikasi label blog keren penuh warna, semoga dengan cara ini blog Anda akan tambah keren, semoga bermanfaat.
Source : http://fendevils.blogspot.com/2013/07/modifikasi-label-cloud-menjadi-full.html