Membuat label cloud berwarna blogger

Label di blogger adalah istilah yang digunakan untuk mengkategorikan postingan di blog. Label ini berfungsi seperti tag atau kategori yang membantu pembaca menemukan konten yang mereka cari.

Terdapat 2 style label di blogger yaitu list dan cloud, di postingan kali ini saya akan bagikan cara membuat gadget label dengan style cloud berwarna agar lebih menarik, berikut caranya.

Cara membuat label cloud berwarna

1. Login di blogger.com.
2. Klik Tata Letak, Tambahkan Gadget, Label.
3. Pilih yang Style Cloud, lalu anda klik Simpan.
4. Untuk style agar berwarna, silahkan anda klik Tema, Edit HTML.
5. Letakkan kode CSS berikut di atas kode ]]></b:skin>

#Label1 .cloud-label-widget-content {
text-align:center;
font-weight:700;
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:#64A071;
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
}

6. Terakhir anda klik Simpan.

Cara ini saya terapkan untuk tema bawaan blogger yang bernama simple bold, mungkin berfungsi di tema bawaan yang lain. Demikianlah cara membuat gadget label dengan style cloud warna-warni, semoga bermanfaat.