Disain Grafis, Tips dan Triks

Cara Membuat Label Clouds Warna-Warni di Blog



Cara Membuat Label Clouds Warna-Warni di Blog


Cara Membuat Label Clouds Blog Menjadi Warna-Warni - pada tutorial ini saya akan merubah label/kategori pada blogger dengan berbagai macam warna seperti pelangi. Label clouds yang diubah tampilannya menjadi warna-warni ini tentunya sangat menarik untuk dipasang di blogspot. Ukuran tulisan juga dimodifikasi dengan berbagai size dan warna label nantinya dapat anda ganti sesuai selera anda.

Anda pasti tahu kalau label merupakan penanda artikel yang sudah diposting di blog. Jadi dengan memberi label pada artikel blog dapat membedakan antara artikel yang satu dengan artikel lainnya sesuai kategori yang anda buat. Untuk mempersingkat pembahasan mengenai cara membuat label blog clouds warna-warni, silahkan simak cara membuatnya dibawah ini.

Cara Membuat/Memasang Label Clouds Warna-Warni di Blog
1. Login ke blogger
2. Pilih Tata Letak => Tambah Gadget
3. Pilih Label => Clouds
4. Simpan

5. Selanjutnya masuk ke Edit HTML, tekan Ctrl + F lalu cari kode ]]></b:skin> dan letakan kode berikut diatasnya

.label-size-1 a {
font-size: 12px;
text-decoration: none;
color:#c600ff;
}
.label-size-2 a {
font-size: 14px;
text-decoration: none;
color:#00fff6;
}
.label-size-3 a {
font-size: 16px;font-family: Arial, Trebuchet MS, Verdana;text-decoration: none;
color:#00ff0c;
}
.label-size-4 a {
font-size: 18px;
text-decoration: none;
color:#ff00ea;
}
.label-size-5 a {
font-size: 20px;
text-decoration: none;
color:#ff9000;
}
.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;}

6. Simpan

Catatan : Ubah  warna biru dengan warna kesukaan anda

Silahkan tutorial diatas diterapkan di blog anda, semoga bermanfaat.

Cara Membuat Label Clouds Warna-Warni di Blog