Make Labels Cloud Full CSS For Blogger

Rehat mengobrak-abrik artikel dari blog misterius dulu nih. Koben akan berbagi trick and tips sederhana mengenai seputaran labels/category/Tag yang ada pada blogger platform blogspot. Pasti sudah pada tahu semua label deh :) Cara memunculkan labels blogger yaitu dengan cara in your Dashboard ► Design ► Page Elements ► Add a Gadget (Basics) ► Scroll down and choose Labels. Bagi yang sudah mempunyai label dalam templatenya pilih opsi display yang Cloud!
Kepingin gaya-gayaan dulu seputar kategori menggunakan cloud trick, cek gi dot:

• membuat label tag cloud
• membuat tag category with jQuery plugin
• make label using canvas tag cloud
• membuat kategori dengan cumulus trik.

Trik sederhana yang sekarang Koben akan share dengan kalian mempunyai kemiripan metode pemasangan pada artikel menambahkan variasi pada label blog! Kalau disana opsi display List yang dipakainya, sekarang yg Cloud ;) Hasil snippet CSS ini akan menghasilkan 2 buah pokok variabel yakni warna huruf & ukuran huruf.
Warna bisa berbeda (warna-warni) dan font size juga bisa kalian customize :-" Hasil akhir (demo) lihatlah sebelah kanan blog ini dengan title (Kategori). Masukkan Simple CSS snippet berikut diatas kode ]]></b:skin>

CSS Snippet for Labels Cloud Blogger

.cloud-label-widget-content span {
padding: 0;
}
.label-size-1 a {
color: #FFFFFF;
font-size: 11px;
}
.label-size-2 a {
color: #0066FF;
font-size: 13px;
}
.label-size-3 a {
color: #55CC00;
font-size: 15px;
}
.label-size-4 a {
color: #FFFF00;
font-size: 17px;
}
.label-size-5 a {
color: #FF0000;
font-size: 20px;
}

SAVE.
Ukuran dan warna huruf silahkan kalian ganti sesuai selera masing² Jika mau menambahkan variabel CSS lainnya (Ex: padding, margin, height, background etc), silahkan tinggal kreasikan. Default CSS code diatas Koben buat secara dasar saja ;) Mau pakai aksesoris hover silahkan, shadow huruf monggo dan lain-lain :D
Code for New Blogger Tag Cloud / Label Cloud created by phydeaux3 inilah versi CSS-nya Koben buat >:) :))
Good luck :)
Happy snippet labels blogger \m/