Cara Membuat Label Blog Keren



Untuk membuat label blog menarik 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.


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

Komentar

Postingan Populer