Cara Modifikasi Label Cloud

Blog Tutorial - Kali ini blog Doodey mendapatkan sebuah ilham dari salah satu teman blogger tentang 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. Kode warna, bisa Anda liat disini !

Semoga bermanfaat! :)