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)


Berita Lebih Baru Berita Lebih Lama
  • Ragil Y.s
    Profil: https://www.blogger.com/profile/06334040710632788866
    02 September, 2010

    bingung…
    sekedar share aja..
    ini lebih mudah…
    http://www.agielweb.info/2010/08/membuat-tag-cloud-3d-untuk-blogger-baru.html

  • kamarpanasblog
    Profil: https://www.blogger.com/profile/17790198903270580767
    18 September, 2010

    ko msh ga berubah ya ?

  • panduan dan tutorial gratis
    Profil: http://diarykudiblog.blogspot.com
    15 Januari, 2011

    makasih mas sudah di praktekin dan berhasil

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
3 Komentar