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:
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>
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/
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.
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
SAVE..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;
}
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/
Loading... |
6 comments
DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...