Buat Tag Cloud Animasi Keren Untuk Blogger

Tag cloud merupakan kumpulan dari daftar label suatu blog. Sekarang saya mau berbagi kepada anda tentang cara memasang tag cloud Animasi pada widget blog anda. Anda bisa melihat contohnya pada sidebar sebelah kanan blog ini, atau anda bisa lihat demonya di bawah ini.

• Ok,,Untuk memasangnya ikuti langkah berikut:

• Login ke akun blogger anda.

• Klik "Rancangan" --> "Edit HTML".

• Centang "Expand Template Widget"

• Kemudian cari kode berikut:

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

Lalu Copy Paste kode di bawah ini tepat 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://bloggerhosting.appspot.com/serve/dualtranz.googlepages.com/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.swfcabin.com/swf-files/1265483417.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
 so.addVariable(&quot;hicolor&quot;, &quot;0xFFFFFF&quot;);
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>
</div>
</b:includable>
</b:widget>

Keterangan:
Kode yang berwarna merah adalah Lebar dan tinggi kolom Cloud. (anda bisa merubahnya sesuai dengan widget blog anda.
Kode yang berwarna biru adalah Background .
Kode yang berwarna pink adalah warna Teks.
Kode yang berwarnaHijau adalah warna link

Silahkan simpan template anda, dan lihat hasilnya.


Sumber : http://www.infojadul.info/2012/03/buat-tag-cloud-animasi-keren-untuk.html#ixzz1uYOY1P9u