Cara Pasang Animasi Tag Cloud

Saat ini kita akan membuat tags cloud seperti milik wordpress. tags apabila di blogger biasa disebut label. mungkin kita merasa bosan dengan tampilan label blogger yang biasa-biasa saja dan tidak menarik.Tags cloud sebenarnya adalah made in word press, tetapi sekarang sudah dapat digunakan di blogger. Tags cloud animasi ini akan membuat label atau tags menjadi lebih menarik.

Baiklah kita langsung saja ke cara membuat tags cloud :


1. Login ke blogger dengan ID anda.

2. Klik Tata Letak.

3. KLik tab Edit HTML.

4. Klik tulisan Download Template Lengkap. silahkan backup dulu templatenya biar aman.

5. Cari kode yang mirip dengan kode di bawah ini :

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

7. Copy lalu paste kode di bawah ini di bawah kode yang tadi :

<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'>
&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

8. Klik simpan template.

9. Lihat blog anda pasti sudah ada tags cloudnya.

Ket :

width="250" adalah lebar widget.

height="200" adalah tinggi widget.

&lt;param name="bgcolor" value="#ffffff" /&gt; adalah warna background. Untuk kode warna lain bisa dilihat disini.

&lt;param name="flashvars" value="tcolor=0x000000&amp; adalah warna tulisan.