Modifikasi Label Blog Keren Penuh Warna

Posted by : Unknown Rabu, 19 Maret 2014

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 ini tidak begitu terusus, tetapi saya berusaha agar bisa update posting.

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 modifikasi label blog keren penuh warna, semoga dengan cara ini blog Anda akan tambah keren, semoga bermanfaat.

Source : http://zone-hell.blogspot.com/2014/01/modifikasi-label-blog-keren-penuh-warna.html