Senin, 10 Agustus 2009

Tag Cloud Untuk Blogger

Hola....!!! ni aQ baru dapet info bagai mana cara buat Tag cloud d blogger. tadi waktu browsing2 eh.... aQ kecantol di blognya RONI336
disitu ada info ini.....

Cara membuatnya cukup mudah, buktinya orang lugu seperti saya pun bisa :-)

Ikuti saja langkah-langkahnya berikut ini :

1. Log in ke blogger
2. Dari dashboard, klik Lay out, kemudian edit HTML, jangan lupa klik tanda expand widget
3. Cari kode di bawah ini (untuk memudahkan, tekan ctrl+F untuk memunculkan menu Find, kemudian masukkan kode yang dicari)

4. Setelah ketemu, download dulu kode berikut, kemudian tempelkan (paste) semua kode yang telah di download dibawah kode


5. Klik Save.

Selanjutnya kita bisa mengubah warna, ukuran, dan mengatur letaknya.

Setting secara default adalah sebagai berikut :
  • Lebar 240px
  • Tinggi 300px;
  • Warna Backgrund : Putih
  • Warna teks : abu-abu
  • Ukuran Font "12"

Mengubah ukuran Tinggi dan Lebar :

Cari kode ini :

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


Ukuran lebar (saat ini 240px) diberi warna merah dan tinggi (300px) terlihat berwarna biru. Angka-angka itu adalah dalam satuan pixel. Kita bisa mengubahnya sesuai kebutuhan, menyesuaikan sidebar di blog kita.

Mengubah warna background

Masih menggunakan kode di atas, background berwarna putih ditunjukkan dengan kode #ffffff

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


Kita bisa mengubahnya dengan warna lain misalnya warna merah muda. Ganti kodenya #ffffff dengan #ff0000. Cobalah ganti dengan kode-kode warna lainnya.


Mengubah warna text

Secara default, text berwarna abu-abu ( hex value #333333). Kita bisa menggantinya dengan mengubah kode di bawah ini.

so.addVariable("tcolor", "0x333333");


Misalnya mau kita ubah menjadi hitam, ganti 333333 menjadi 000000 (Ingat, Ubah kode angkanya saja, tidak perlu menuliskan # )


Mengatur ukuran font

cari kode berikut ini :

so.addVariable("tagcloud", "12'>");


Ukuran font saat ini adalah 12. Kita bisa mengubahnya lebih besar atau lebih kecil sesuai kebutuhan.

Selesai... Mudah bukan?

Thankz banget buat bang roni yang udah ngasi info bagus ni.......

Sumber:

http://roni336.blogspot.com/2009/02/blogumus-tag-cloud-untuk-blogger.html?showComment=1249887600868#c5959809427056222317


Tidak ada komentar:

Posting Komentar