Membuat Tag Cloud, Label Dengan Animasi Flash

Tutorial blog kali ini akan membahas tentang Membuat Tag Cloud, Label Dengan Animasi Flash, Efeknya adalah ,, label akan bergerak melingkar seperti bola dan jika salah satu label terkena kursor, maka akan membesar. Mungkin sobat udah sering lihat di blog2 orang laen efek seperti ini. Kalo sobat ingin nyoba, gk salah deh sobat nyasar disini..hehehe,Yuk langsung ke TKP.

remajasampit.blogspot.com

Label Dengan Efek Tag Cloud

1. Login ke akun Blog sobat
2. Pilih Template, Pilih Edit Html, Centang Expand Template Widget.
3. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'>,Gunakan ctrl+F untuk memudahkan pencarian.
4. Paste kode berikut Tepat Dibawah kode tadi

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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>

Catatan :  Warna Merah : Ganti untuk merubah ukuran tag cloud. Warna Hijau : Ganti untuk merubah warna background tag cloud. Warna Biru : Ganti untuk merubah ukuran font. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player. Save dan Selesai
Itu tadi sedikit share dari saya terkait CARA MEMBUAT TAG CLOUD, LABEL DENGAN ANIMASI FLASH