Membuat Tag Clouds / Label Clouds di Blogspot
Untuk membuat Tag Clouds atau Label Clouds kini ada cara yang lebih sederhana atau praktis.
Caranya :
Login ke akun anda klik Dasbor > Tata Letak > Elemen Halaman > Tambah Gadget, kemudian pilih Label. Ganti dari Daftar menjadi Cloud, lihat gambar:
Lihat blog anda, apakah sudah berhasil? Kalau belum berhasil, tenang saja.... Karena beberapa template tidak bisa menggunakan cara ini.
Solusinya?
Lanjutkan dengan langkah dibawah ini :
1. Copy kode dibawah ini, simpan tepat di atas kode ]]></b:skin>
Simpan template dan lihat hasilnya! (Pastikan Label sudah diganti menjadi cloud, seperti gambar di atas)
Caranya :
Login ke akun anda klik Dasbor > Tata Letak > Elemen Halaman > Tambah Gadget, kemudian pilih Label. Ganti dari Daftar menjadi Cloud, lihat gambar:
Lihat blog anda, apakah sudah berhasil? Kalau belum berhasil, tenang saja.... Karena beberapa template tidak bisa menggunakan cara ini.
Solusinya?
Lanjutkan dengan langkah dibawah ini :
1. Copy kode dibawah ini, simpan tepat di atas kode ]]></b:skin>
/* 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}
2. Copy kode dibawah ini, simpan tepat di bawah kode ]]></b:skin>
<script type='text/javascript'>
// Label Cloud User Variables
var cloudMin = 1;
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>
Simpan template dan lihat hasilnya! (Pastikan Label sudah diganti menjadi cloud, seperti gambar di atas)
3 komentar
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
5. Untuk menghapus komentar, geser kursor ke sebelah kanan komentar Anda.
image quote pre code
sekedar share aja..
ini lebih mudah…
http://www.agielweb.info/2010/08/membuat-tag-cloud-3d-untuk-blogger-baru.html