Mempunyai desain blog yang lebih berwarna tentu akan menjadi kebanggaan tersendiri. Warna yang cerah dan mencolok tentu akan semakin meperindah blog anda. Salah satu widget yang bisa dimodifikasi agar lebih berwarna adalah Label/kategori. Untuk cotohnya bisa dilihat di sidebar blog saya => Terus
bagaimanakah cara memodifikasi widget label agar lebih warna-warni? Berikut langkah-langkahnya.
Langkah Pertama :
- Pasang widget Label, caranya : masuk akun blogger > Tata Letak > Tambahkan Gadget
- Pilih widget Label dengan mengklik tanda plus (+)
- Selanjutnya akan muncul pengaturan tampilan. Pada pengaturan ini pilih Cloud, untuk yang lainnya silakan atur sesuai selera masing-masing. Kemudian klik simpan.
Langkah Kedua :
- Pilih menu Template, kemudian Edit HTML
- Cari kode ]]></b:skin> (gunakan Ctrl F biar lebih mudah)
- Copy kemudian paste kode berikut tepat sebelum 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;}
Keterangan :
- Kode yang berwarna biru adalah warna yang akan muncul di setiap label (warna label), warna bisa diatur sesuai selera.
- Kode Berwarna merah adalah warna yang akan muncul saat cursor menyentuh label, juga bisa di ubah sesuai selera masing-masing.
- Langkah terakhir klik Simpan Template
Sekian artikel saya kali ini yang berjudul Cara Membuat Label Blog Lebih Berwarna-warni, selamat mencoba dan semoga dapat membantu.
Title : Cara Membuat Label Blog Lebih Berwarna-warni
Description : Mempunyai desain blog yang lebih berwarna tentu akan menjadi kebanggaan tersendiri. Warna yang cerah dan mencolok tentu akan semakin meperin...