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'>
Yang saya beri warna ungu berikut adalah Latar Belakang / Background Tag Cloud tersebut.
<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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "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>
Yang saya beri warna kuning tersebut adalah kecepatan Tag Cloud tersebut.
Sehingga kurang lebih menjadi seperti pada gambar berikut:
Righteous Kill
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...
Quisque sed felis
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...
Etiam augue pede, molestie eget.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in ...
Hellgate is back
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit ...
Post with links
This is the web2feel wordpress theme demo site. You have come here from our home page. Explore the Theme preview and inorder to RETURN to the web2feel home page CLICK ...
