1/31/2009

Memasang FlashTagCloud dalam Blogger

Posted by Husz

Flash tag cloud ialah Label yang diapaparkan secara animasi flash.




Cara memasangnya ke Blogger/Blogspot


>Pada dashboard blog, pergi ke Layout>Edit HTML

>Cari code seperti di bawah (atau yg lebih kurang)
*gunakan key 'CTRL+F' dan taip sebahagian code dibawah untuk percepatkan proses mencari.

<b:section class='sidebar' id='sidebar' preferred='yes'>

Terus copy dan paste keseluruhan code di bawah ini, di bawah code yang anda cari tadi.
*sebelum copy, anda mungkin mahu teruskan baca dibawah untuk mengubah warna-warna tertentu.




Setelah paste, PREVIEW terlebih dahulu blog anda, jika FlashTagCloud muncul di sidebar anda, maka anda sedia untuk SAVE.

-------------------------------------------------------------------------
(untuk proses editing,anda boleh terus edit didalam kekotak code di atas)



Ubah ikut citarasa dan kesesuaian warna blog anda.
Secara default nya, setting FlashTagCloud ialah :

Lebar = 240px
Tinggi = 300px;
Background = white
Text = grey
Font size = "12"

Jika anda mahu ubah size supaya sesuai dengan saiz sidebar blog anda, ubah value yang bewarna di bawah.:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Jika anda mahu ubah warna background supaya sesuai dengan warna blog atau kesukaan anda, ubah value yang bewarna di bawah.:
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


OOO Anda Boleh Gunakan Tool Ini Untuk Membantu Anda Memilih Code Warna OOO

Jika anda mahu ubah warna text supaya sesuai dengan warna blog atau kesukaan anda, ubah value yang bewarna di bawah.:
*code warna dibawah tidak perlu gunaka simbul "#' dipermulaannya.

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


Jika anda mahu ubah saiz text supaya sesuai dengan warna blog atau kesukaan anda, ubah value yang bewarna di bawah.:

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");


Selamat Mencuba. Jika ada sebarang masalah atau komen, let me know. =) thanks.

Related Posts :



13 comments:

Szakif said...

owh panjang rupanya step dia. erm... bila eh aku nak cuba install... erm.. entah :P huhu~

*pasal aku yang tanya dia camne nak buat. huhu~

Husz said...

step di pendek ja, copy code yg banyak2 tu dan paste kat bawah line yg kita cari tu ja.


yg panjang2 tu penerangan utk customize ikut cita rasa je.

nAd.dOt said...

baek cekgu~
sesi pembelajaran yg amat bmakne..hee~

Anonymous said...

baik..tima kasih..
dh buat dh pun
best..dh lama dh nk labels
yg macam tu
hehe..

thanks

anarm said...

kalau copy paste kat Add Gadget boleh tak?
ke kene copy paste kat Edit HTML gak?
uuhhhh

Husz said...

kena paste kat html gak sbb scripting dier utk section html. klu nak add gadget nnti dier tak recohnize sbagai Label.

rahmanbashri said...

salam..terima kasih untuk widget ni..tapi nak tanye skit..adakah tag cloud ini akan menghilangkan lebel yang sedia ada?

Husz said...

TagCloud ni xkan hilangkan label yg sedia ada sbb dia diletakkan nama label99. klu letak nama label1, mungkin akan overwrite label yg sedia ada.mcm blog saya skrg, tagcloud ade, label pun ade.

rahmanbashri said...

Terima kasih bro...good blog...keep it up...

fattah said...

kalau yg xdak code ni mcm mana?
"b:section class='sidebar' id='sidebar' preferred='yes'"
nak boh kat mana??
hehe..
plz help me..

godtears said...

cam ne aku nk buat kalau aku gune template lama, aku x guna xml..
ada cara lain x?

MrShah53 said...

salam bro..
aku try copy n paste dlm html tu..dh ikut step, tapi x bleh jgk...x keluar pn...so, cmne ek?
ape yg salahnye?hehe

MrShah53 said...

dh jadi dh..hehe...tengkiu bro...