Membuat Label Pada Blog Bervariasi

Label blog adalah pengelompokan postingan pada blog, biasa nya label pada blog tampilan nya sangat kuno dan tidak bisa di ajak untuk bersahabat dengan template blog sehingga sangat jarang menampilkan Label atau kategori. Agar bersahabat dengan tampilan template blog kita buat Label blog bervariasi dan bersahabat dengan template dan warna template blog.

Bagaimana cara nya Membuat Label Pada Blog Bervariasi ?

Tidak usaha panjang lebar, mari simak cara Membuat Label Pada Blog Bervariasi. Cara nya sebagai berikut :

1. Login ke akun Blogger
2. Masuk kelaman Template dan Edit Html
3. Setelah masuk ke dit Html, Silahkan cari kode ]]></b:skin>   Dengan Menggunakan Ctrl+F agar memudahkan dalam pencarian.
4. Silahkan copy dan pastekan kode dibawah ini.
5. Kemudia pastekan kode dibawah ini tepat di atas ]]></b:skin>

Kode nya sebagai berikut :

#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:#A320C4;padding:4px 5px;color:#fff}

#Label1 .label-size-1 a {background:#A320C4;font-size:15px;}

#Label1 .label-size-2 a {background:#A320C4;font-size:15px;}

#Label1 .label-size-3 a {background:#A320C4;font-size:15px;}

#Label1 .label-size-4 a {background:#A320C4;font-size:15px;}

#Label1 .label-size-5 a {background:#A320C4;font-size:15px;}

#Label1 .cloud-label-widget-content span a:hover {background:#C573DA;}

Lihat gambar 

Keterangan : 

Lihat Kode warna/ background : 

1. #A320C4 adalah kode warna background labael nya silahkan ganti dengan kode warna yang variasi dan berbeda tiap background
2. #C573DA adalah kode warna kursor apabila di tujukan kepada label 

Setelah itu silahkan Simpan, tapi tunggu dulu langkah nya belum selesai. Silahakan masuk ke menu Layout atau tata letak, dan buat widget baru label kalau anda belum membuat label kalau label sudah terpasang silahkan edit sebagai berikut :

Setelah semua langka telah dikerjakan, silahkan lihat hasilnya. Sekian dulu cara Membuat Label Pada Blog Bervariasi agar blog lebih hidup dan bervariasi dengan adanya label yang berwarna.

UPDATE 

Untuk penggunaan 1 warna pada blog lebih bagus nya menggunkan script berikut :)

#Label1 .label-size-1 a,#Label1 .label-size-2 a,#Label1 .label-size-3 a,#Label1 .label-size-4 a,#Label1 .label-size-5 a {background:#A320C4;font-size:15px;}