Menu

31 January 2009

Memasang FlashTagCloud dalam Blogger

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.

15 comments:

  1. 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~

    ReplyDelete
  2. 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.

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

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

    thanks

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

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

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

    ReplyDelete
  8. 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.

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

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

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

    ReplyDelete
  12. 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

    ReplyDelete
  13. dah comey dah labels kita ..
    suka3..
    thnx yaw..
    (:

    ReplyDelete
  14. salam..
    nk tnya sket..
    knapa dh try bnyk kali
    tp x bleh2 pon..huhu

    ReplyDelete