Membuat Tag Cloud Cumulus Pada Blog

Tag cloud. Ya, salah satu widget yg dpt mempercantik blog kita. Widget tag cloud ini berbasis flash yang menggunakan konversi script dari Roy Tanck WP Cumulus untuk wordpress atau dalam template blogger lebih dikenal dengan sebutan Blogumus. Tag Cloud Cumulus Blogger adalah sebuah kotak yang berisikan kata-kata yang merupakan label dari postingan kita. Jadi kalo mau liat postingan dengan label/kategori tertentu, kita dapat melihatnya dengan mengklik salah satu kata yang merupakan label dari posting yang berkaitan. Tag Cloud Cumulus ini bisa bergerak tergantung posisi kursor kita. Ingin tau caranya ? baca ajjahh....


Caranya kayak gini :
1. Yang jelas masuk dulu ke blogger, login trus masuk Tata Letak/layout ==> Edit HTML ==> beri tanda centang/ceklis pada Expand Widget Templates
2. Trus cari kode seperti ini :

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

3. Kalo susah nyarinya, pake Ctrl+F ajah atau tekan F3
4. Kalo masih gak ketemu, coba cari kode yang mirip tp belakangnya beda.
5. Kalo dah ktemu, copikan (tepat dibawah kode tadi) script dibawah ini :

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>


6. Simpan Template, udah jadi deh...
7. Kalo mau ganti ukurannya bisa diganti kodenya :
cari kode ini:

/wp-cumulus-example/tagcloud.swf", "tagcloud", "220", "340", "8", "#ffffff");

8. 220 (lebar), 340 (tinggi), 8 (ukuran font) dan #ffffff (warna huruf)
9. Selamat mencoba
10. Good Luck .

Riyani Fitria N, Senin, 27 Juli 2009