Ahad

MENCANTIKAN 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]]>
Copy kode dibawah ini tepat diatas kode]]>

.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.
Jika ingin ubah sila klik disini untuk kode warna

0 comments:

Catat Ulasan

Share

Ahad

MENCANTIKAN 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]]>
Copy kode dibawah ini tepat diatas kode]]>

.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.
Jika ingin ubah sila klik disini untuk kode warna

Tiada ulasan:

Catat Ulasan

Template by:
Free Blog Templates