Cara Modifikasi Label Cloud

Cara Modifikasi Label Cloud

5 Comments

label cloud
Cara Memodifikasi label cloud sebenarnya merupakan hal lama, hanya saja mungkin tampilannya kurang menarik. Sebenarnya posting ini sudah di posting sahabat Miscah, namun saya rasa tidak ada salahnya kita merombak ulang sedikit untuk mempercantik tampilannya. Ok gan...langsung saja kita bongkar ada apa di balik label cloud...
  • Seperti biasa, sobat login ke blogger.
  • Setting dulu Label anda menjadi Cloud, caranya edit di widget label, lalu kasih tanda tick pada cloud (terserah mau di centang tampilkan jumlah entri perlabel atau tidak)
  • Klik Tata Letak.
  • Kemudian klik Edit HTML.
  • Backup dulu template sobat dengan mengklik Download Template Lengkap.
  • Kemudian letakkan kode berikut tepat diatas kode ]]></b:skin>


.label-size-1 a {
font-size: 13px;
text-decoration: none;
color:#FF0000;
}
.label-size-2 a {
font-size: 14px;
text-decoration: none;
color:#2E2EFE;
}
.label-size-3 a {
font-size:16px;font-family: Verdana;
text-decoration: none;
color:#088A08;
}
.label-size-4 a {
font-size: 20px;
text-decoration: none;
color:#FF8000;
}
.label-size-5 a {
font-size: 24px;
text-decoration: none;
color:#868A08;
}

.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:none;}


Silahkan ganti warna pada kode ''color: #........''

  • Simpan Template dan lihat hasilnya
  • Jangan lupa comment yaaaa....heheheee :)
  • Selamat mencoba dan sukses selalu

''keep spirits and do the best''
Mau belajar trick dan tips blogging lengkap dan mudah?... BACA DI SINI

About the Author

Blogonol adalah Blog - 0 atau blog kosong dengan konten tutorial blog, seo, widget, template gratis, dan blog info yang dikonsep secara sederhana untuk belajar membangun blog yang lebih baik.