Modifikasi Label Blog Keren 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.
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 HTML2. 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 Template4. Pergi ke Tata Letak > Tambahkan Gadget > Tambahkan Label dan atur tampilannya menjadi Cloud
Dengan beberapa langkah diatas, Anda sudah sukses modifikasi label blog keren penuh warna, semoga dengan cara ini blog Anda akan tambah keren, semoga bermanfaat.
Komentar
Posting Komentar
• Dilarang berkomentar dengan Kata-kata Kasar/Kotor.
• Dilarang berkomentar SPAM dan Memasang Link Aktif.
• Komentar dengan Link Aktif akan dihapus sesegera mungkin.
• Berkomentarlah sesuai Topik/Artikel.
• Berkomentarlah dengan Sopan.