Membuat Label Tag Cloud Animasi

Sebetulnya cara ini sudah lama ada dan banyak pula yang memberikan tutorialnya.Jadi maksud dari posting kali ini adalah sekedar catatan pribadi,namun demikian jika berguna untuk yang membaca silahkan dipakai/dipraktekan.
Sebelumnya saya ucapkan banyak terima kasih untuk sahabat SE AVANCEE atas tutorialnya.

Bagi sahabat yang ingin memasang widged ini ada beberapa hal yang perlu diperhatikan :

1. Pastikan komputer sahabat sudah terintal Flash Player,karena widged bersifat flash.
2. Membutuhkan sedikit waktu untuk loading,karena kita akan memasang kode html yang cukup panjang.
3. Disarankan untuk membackup template untuk menjaga hal-hal yang tidak kit inginkan pada blog kita.

Ingin tetap memasang....? 

Ikuti langkah-langkah di bawah ini :

1.Login blogger.

2.Rancangan.

3.Tamplate pilih edit HTML.

4.Centang tanda Expand Widged Templates.

5.Cari kode berikut.

<b:section class='sidebar' id='sidebar' preferred='yes'>
atau
<b:section-contents id='sidebar-right-1'>

6.Letakkan script berikut di bawah kode 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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
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>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

7.Ganti kode warna biru sesuai dengan kebutuhan templates sobat.
8.Save.


Langkah-langkah di atas adalah cara yang dipakai untuk memasang Labels Tag Cloud pada blog ini,jika ada sobat yang memasang tapi tidak berhasil silahkan tinggalkan pesan lewat komentar.
Semoga akan bermanfaat..!