Label cloud adalah pemasangan label (kategori) dalam bentuk cloud.... ( desiiig
kalau gitu doang ga usah di terangin atuh... 
abis ga tau definisinya jadi ya asalan-asalan deh), seperti yang sobat lihat pada sidebar sebelah kanan blog ini yaitu di bawah tulisan Kategori di sana terdapat beberapa label (kategori) yang pada ujungnya tertera berapa jumlah kategori yang terpasang pada kateori tersebut. Nah itu adalah label yang umum di pakai di blogger, bila ingin sedikit yang berbeda, sobat bisa memasang label cloud. Dengan label cloud, label (kategori) akan di tulis dalam ukuran font yang berbeda sesuai dengan banyaknya kategori yang di pasang, semakin sering kategori tersebut maka semakin besar pula font nya akan tercetak.
Untuk memasang label cloud, tehnik yang saya pakai kali ini adalah buah karya dari phydeaux. Silahkan ikuti langkah-langkah berikut ini :
Bagaimana sobat, berhasilkah? mudah-mudahan tidak menemui kendala apapun. Untuk melihat contohnya, silahkan sobat klik di sini !
Untuk memasang label cloud, tehnik yang saya pakai kali ini adalah buah karya dari phydeaux. Silahkan ikuti langkah-langkah berikut ini :
- Sign in di blogger
- Klik menu Layout
- Klik menu Edit HTML
- Klik tulisan Download Full Template, lalu save data tersebut. Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template
- Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang.
- Tunggu beberapa saat sampai proses selesai
- Simpan kode berikut di antara kode
]]> - Copy paste kode berikut sesudah kode ]]> dan sebelum kode atau jika bingung simpan saja persis di atas kode
- Cari kode berikut di dalam kode template sobat
- Ganti kode di atas dengan kode berikut ini :
- Klik tombol Simpan template
- Selesai.
/* Label Cloud Styles ----------------------------------------------- */ #labelCloud {text-align:center;font-family:arial,sans-serif;} #labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;} #labelCloud ul{list-style-type:none;margin:0 auto;padding:0;} #labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0} #labelCloud a{text-decoration:none} #labelCloud a:hover{text-decoration:underline} #labelCloud li a{} #labelCloud .label-cloud {} #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000} #labelCloud .label-cloud li:before{content:"" !important}
Bagaimana sobat, berhasilkah? mudah-mudahan tidak menemui kendala apapun. Untuk melihat contohnya, silahkan sobat klik di sini !
0 komentar:
Posting Komentar