Cara Membuat Label Blog Menarik dengan Warna

Share tentang cara membuat label blog menarik dengan warna atau cara mudah membuat label/kategori postingan pada blog menjadi menarik dengan warna-warni. Label pada blog khususnya blogspot yang berwarna akan terlihat menarik perhatian pengunjung sehingga mereka secara langsung tertarik untuk membaca kategori atau label blog kita, jika mereka tertarik maka pastinya mereka akan melihatnya dan label berwarna ini akan menyesuaikan ukuran sesuai dengan ukuran template anda.
Label berwarna :

Cara membuat label berwarna di blog terdapat 2 tahapan yaitu yang pertama anda harus membuat label se[erti biasanya di blog dan kedua anda menggunakan kode script.
Tahap pertama, membuat label seperti biasanya di blog namun Jika pada blog anda sudah terdapat label blog maka langsung saja ke tahap kedua di bawah :
1.    Buka Dashboard blog
2.    Pilih tata letak
3.    Tambahkan gadget
4.    Pilih label (tambahkan)
Sekarang label blog anda telah jadi dan langkah selanjutnya membuat label berwarna.
Tahap kedua
1.    Buka dashboard blog
2.    Pilih edit HTML
3.    Cari kode ]]></b:skin> (cari cepat dengan CTRL+F)
4.    Letakan kode di bawah ini tepat 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:#007abe;padding:4px 5px;color:#fff}
#Label1 .label-size-1 a {background:#abc123;font-size:15px;}
#Label1 .label-size-2 a {background:#5cc9cd;font-size:15px;}
#Label1 .label-size-3 a {background:#e24f4f;font-size:15px;}
#Label1 .label-size-4 a {background:#f568dc;font-size:15px;}
#Label1 .label-size-5 a {background:#38a3ee;font-size:15px;}
#Label1 .cloud-label-widget-content span a:hover {background:#007abe;} 

5.    Terakhir SIMPAN PERUBAHAN
Anda juga dapat merubah warna pada label dengan merubah kode-kode warna yang berwarna merah di atas, dapatkan semua kode warna DISINI
Semoga bermanfaat dan selamat mencoba.


EmoticonEmoticon