Ticker

6/recent/ticker-posts

Mempercantik label cloud menjadi warna-warni




Mungkin Anda bosan dengan tampilan Label cloud yang masih biasa. Walaupun tampilannya bagus, tetapi jika diberi sedikit warna untuk memperindahkan lagi tampilan label cloudnya mungkin mempeceriakan lagi blog kita.

Langkah 1
Jangan lupa add widget Clound dulu Seperti dibawah.



Langkah 2

Login ke Akun blogger Anda.

Pilih Design -> edit HTML.
Kemudian cari kode ]]></b:skin>
Copy kode dibawah ini tepat diatas kode ]]></b:skin>

.label-size-1 a {
font-size: 12px;
text-decoration: none;
}
.label-size-2 a {
font-size: 14px;
text-decoration: none;
color:#cd9f01;
}
.label-size-3 a {
font-size: 15px;font-family: Arial, Tahoma, Verdana;text-decoration: none;
}
.label-size-4 a {
font-size: 18px;
font-weight:bold;
text-decoration: none;
color:#ea5a04;
}
.label-size-5 a {
font-size: 24px;
text-decoration: none;
}


.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 }

Kemudian Save.
Pada colournya anda boleh ubah kode warna yang sesuai keinginan anda.

Catat Ulasan

4 Ulasan