Bagaimana nak buat Cumulus Tag Cloud

Pemasangan Cumulus Tag Cloud adalah widget yg amat menarik dalam sesebuah blog! Cumulus Tag Cloud merupakan widget yang direka untuk pengguna Wordpress , tetapi sudah terdapat coding utk digunakan dalam blogspot. Aplikasi Cumulus Tag Cloud adalah sebuah aplikasi yg menggunakan Flash. Untuk memasang dalam blogger, anda hanya perlu untuk copy dan paste code ke bahagian template Blog anda, walaubagaimanapun ada tweaks untuk widget ini memerlukan beberapa pengeditan secara manual.
Berikut adalah langkah-langkah yang perlu untuk memasang Cumulus Tag Cloud adalah dalam layout Blogger anda:
Pergi ke Layout> Edit HTML pada dashboard Blogger Anda, dan cari baris berikut (atau sama):

<b:section class='sidebar' id='sidebar' preferred='yes'> ( macam biasa kalu tak jumpa tken CTR =F .. lepas tu paste bende nei kat box kecik yg keluar kat bawah tu)

Selepas baris di atas, masukkan bahagian kod berikut:

<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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Anda boleh preview template anda untuk memastikan anda tidak membuat kesalahan sebelum save, dan cumulus tag cloud akan kelihatan pada sidebar di blog anda.

Setelah puas hati, ada boleh save template, edit warna dan saiz yang diperlukan, Untuk memindah kedudukan cumulus tag cloud pada sidebar,Anda boleh mengubahnya pada Page Elements.

Default Configs utk Cumulus Tag Cloud adalah berikut:

* Width = 240px
* Height = 300px;
* Background = White (#ffffff)
* Text = Grey (333333)
* Font Size = "12"

Untuk mengubah config Cumulus Tag Cloud, Cari dan tukar pada Script berikut:

Saiz & Background:-

var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Font Color:-

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

*Perhatian!!! "tcolor" adalah variable Flash dan tidak termasuk simbol hash biasa kod warna hex.Pastikan anda hanya menukar nombor shj! Untuk dapatkan kod warna hex, Anda boleh lihat di sini

Font Size:-

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>");

Itu saja!