- Login ke akun blog sobat.
- Pilih Template lalu Edit HTML
- Kemudian centang Expand Template Widget
- Terus cari kode ]]></b:skin>
- Lalu masukan kode css berikut diatas kode ]]></b:skin>
- Sebelum simpan template, usahakan Anda klik pratinjau terlebih dahulu. Jika terjadi error, maka jangan Anda simpan, Jika tidak error, maka lanjutkan panduan berikutnya.
- Simpan Template.
* Label Cloud berwarna - http://on-by.blogspot.com*/
.label-size-1 a {
font-size: 22px;
text-decoration: none;
color:#006400 ;
}
.label-size-2 a {
font-size: 20px;
text-decoration: none;
color:#EE0606 ;
}
.label-size-3 a {
font-size: 18px;
font-family: Arial,Trebuchet MS, Verdana;
text-decoration: none;
color:#09A545 ;
}
.label-size-4 a {
font-size: 16px;
text-decoration: none;
color:#FFD700 ;
}
.label-size-5 a {
font-size: 14px;
text-decoration: none;
color:#FF6343 ;
}
.label-size-1 a:hover,
.label-size-2 a:hover,
.label-size-3 a:hover,
.label-size-4 a:hover,
.label-size-5 a:hover { text-decoration: underline ;}
Note: kode warnanya bisa sobat ubah sesuai keinginan. Check Warna Disini
Langkah berikutnya untuk menapilkan warna dalam label cloud:
- Pilih Tata Letak , lalu Tambah Gadget
- Pilih Label
- Pilih Cloud
- Tekan tombol Simpan, dan lihat hasilnya
Berikut contoh dari hasil blog on-by sesuai dengan kode css yang diberikan, masalah warna tulisan dapat diambil kode warna