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.


<b:widget id='Label99' locked='false' title='Labels' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/> <div id='flashcontent'>FlashTagCloud by <a href='http://www.pakarpc.com/'>PakarPC.com</a></div> <script type='text/javascript'> var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);<!--transparencyStart so.addParam(&quot;wmode&quot;, &quot;transparent&quot;); --> so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;); so.addVariable(&quot;mode&quot;, &quot;tags&quot;); so.addVariable(&quot;distr&quot;, &quot;true&quot;); so.addVariable(&quot;tspeed&quot;, &quot;100&quot;); so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;); so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;); so.write(&quot;flashcontent&quot;); </script><br/><a href='http://husz.blogspot.com/2009/01/memasang-flashtagcloud-dalam-blogger.html'>FlashTagCloud</a> <b:include name='quickedit'/> </div> </b:includable> </b:widget>

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.