Cara Membuat Label Cloud Animasi

Kali ini saya akan memberikan tips "Cara Membuat Label Cloud Animasi". Untuk demonya anda bisa melihat blog uji coba saya di Labcakra. Ya memang dahulu kala, trik ini sudah ada, akan tetapi karena suatu hal yang tidak saya ketahui, trik tersebut sudah tidak berlaku alias expired. Nah begini caranya.
1. Login ke blog anda --> Rancangan --> Edit HTML klik pada Expands Template Widget untuk memberikan tanda centang pada kotak.
2. Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> (disesuaikan id-nya sesuai dengan id yang anda berikan).
3. Letakkan kode berikut di bawah kode di atas.

<b:widget id='Labelcloud' 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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#FFFFFF&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>

Yang saya beri warna ungu berikut adalah Latar Belakang / Background Tag Cloud tersebut.
Yang saya beri warna kuning tersebut adalah kecepatan Tag Cloud tersebut.
Sehingga kurang lebih menjadi seperti pada gambar berikut:

Oke, selamat mencoba.. Semoga membantu dalam mempercantik blog anda..

Tweet

Artikel Terkait: