Cara Modifikasi Label Cloud

Kali ini akan membahas bagaimana cara memodifikasi tampilan label cloud agar terlihat menarik. Label cloud memang fitur yang disediakan oleh Blogger sejak lama, tetapi saya ingin mempostingnya kembali karena saya rasa hasil dari modifikasi ini cukup menarik untuk dipandang mata.

Karena memang tampilan dari label cloud yang telah disediakan oleh Blogger warnanya masih standar dan kurang enak dilihat, bahkan terlihat biasa-biasa saja. Nah, maka dari itu saya akan membagi tipsnya untuk memodifikasi tampilan label cloud yang saya dapatkan dari salah satu teman blogger.

Caranya cukup mudah kok, ikuti saja langkah-langkah di bawah ini ya! :)

Pertama Login dulu ke Blogger
Cari Tata Letak
Klik Edit HTML
Untuk jaga-jaga (maksudnya jika eksperimennya gagal), sebelumnya back up dulu template blog Anda dengan mengklik Download Template Lengkap
Kemudian letakkan kode berikut tepat di atas kode ]]></b:skin>

.label-size-1 a {
font-size: 13px;
text-decoration: none;
color:#4B8A08;
}
.label-size-2 a {
font-size: 15px;
text-decoration: none;
color:#DF0101;
}
.label-size-3 a {
font-size: 16px;font-family: Arial, Trebuchet MS, Verdana;text-decoration: none;
color:#045FB4;
}
.label-size-4 a {
font-size: 18px;
text-decoration: none;
color:#DF7401;
}
.label-size-5 a {
font-size: 23px;
text-decoration: none;
color:#045FB4;
}
.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 Simpan Template

NB: Untuk kode yang diberi warna biru, Anda bisa ubah sendiri warnanya sesuai keinginan Anda.

Semoga bermanfaat! :)

Source: blogdoodey.blogspot.com