Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

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>

/* 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)


Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

3 komentar

1. Komentar ini, diurutkan dari yang terbaru
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
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. bingung…
    sekedar share aja..
    ini lebih mudah…
    http://www.agielweb.info/2010/08/membuat-tag-cloud-3d-untuk-blogger-baru.html
  2. ko msh ga berubah ya ?
  3. makasih mas sudah di praktekin dan berhasil
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.