Cara Membuat Label Tag Cloud

Untuk memperindah tampilan label pada blog anda, anda bisa menggunakan Label Tag Cloud. Tampilan label animasi yang berputar bila mouse menyentuh label yang sudah anda buat. Demonya bisa anda lihat di sidebar kanan blog ini.

Anda beerminat ?? Berikut adalah langkah-langkahnya.

1. Login Blogger.com
2. Di dasbor sobat pilih Rancangan >> Edit HTML
3. Expand template widget
4. Gunakan Ctrl+F untuk menemukan yang persis seperti kode berikut :

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

Setelah ketemu letakkan kode berikut persis dibawah kode pada no 4

<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'><a href='http://www.roytanck.com/'/><a href='http://www.bloggerbuster.com'/></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;200&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#e3e0e0&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>

Terakhir…simpan template anda.

Keterangan :

Mengubah lebar dan tinggi kolom serta warna background
Angka "200" adalah lebar kolom yang bisa anda ubah sesuai keinginan anda
Angka "200" adalah tinggi kolom yang bisa anda tentukan sendiri
Sedangkan # e3e0e0 adalah kode warna backgroud