Cara Membuat Tag Cloud Berputar Di Blog

Cara Membuat Tag Cloud Berputar Di Blog

Pada kesempatan kali ini saya akan posting tentang bagaimana cara membuat label tag clould berputar.

Setelah  Googling berjam-jam akhirnya ketemu juga, TESTED by ME. Dan sebelum kalian coba menerapkan label tag cloud berputar ini, kalian download template-nya dulu biar saat terjadi kesalahan kalian tinggal upload.

Caranya:

• Login ke  Blogger 
• Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,  Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>  ( kalau kesulitan nyarinya pakai Ctrl + F aja)
• Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi.
 

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>

<div id='flashcontent'>Blogumulus by <a href='http://www.anvity.blogspot.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Distributed by <a href='http://www.anvity.blogspot.com'>Tifan Dwi Avianto</a></div>

<script type='text/javascript'>

var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "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>

Keterangan :
Ganti tulisan yang berwarna MERAH sesuai selera kalian.

1. Lebar widget : 250px
2. Tinggi widget : 300px
3. Warna latar (background) : #ffffff (putih)
4. Warna huruf : 0x333333 (abu-abu)
5. Ukuran huruf : 12 

Selamat berkreasi...!

Tutorial blogger

Tweet