Cara Meletakkan Cloud Tag Animasi Flash Untuk Blogger Cara Meletakkan Cloud Tag Animasi Flash Untuk Blogger

Dah terlewat agaknya aku nak share benda ni. Tapi tadi round tengok kat shoutbox, ada yang bertanya, aku rajinkan diri membuat tutorial ni. Widget untuk kali ini adalah Flash Animated Cloud Tag iaitu widget untuk tag label tetapi di dalam bentuk animasi flash. Seperti yang ada di sidebar (Labels) kanan blog ini. Atau contoh gambar di bawah:

So, bagi yang belum ada di blog korang, boleh cuba gunakan widget ni. Caranya mudah:

1) Pergi ke Dashboard >> Layout >> Edit HTML dan cari (tekan ctrl+f pada keyboard) tag seperti di bawah:

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

2) Copy kod di bawah dan masukkan SELEPAS tag di atas.

<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;300&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#9e9e9e&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x205559&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>

3) Klik preview dan kalau tak ada apa yang salah, klik save.

**NOTA** Korang boleh edit mengikut kesesuaian blog korang.
300 - Untuk KELEBARAN
300 - Untuk KETINGGIAN
9e9e9e - Untuk warna BACKGROUND
205559 - Untuk warna FONT

Pergi ke Dashboard >> Layout >> Page Elements dan drag widget ini mengikut tempat di mana korang nak letak.

So, itu saja. Try ye.