Kukuh Cakra Darma

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..



Artikel Terkait:

4 Comments:

Dimas Abi Galoga | 17 November, 2010 19:53 | [Reply]

di sini juga ada posting Label Tag Cloud

Kukuh Cakra Darma | 18 November, 2010 18:18 | [Reply]

@Dimas Abi Galoga yoi gan

Angel-Xp | 19 December, 2010 10:38 | [Reply]

aaaduuhh gg bisaa bisaa
help me dongg
lwad email yaa
makasiihh
imaamhanavi@yahoo.com

Kukuh Cakra Darma | 20 December, 2010 14:54 | [Reply]

@Angel-Xp coba diikuti langkahnya dengan cara seksama

Post a Comment | Classic Comment's Form