semmy: WP-Cumulus untuk Blogger

8.27.2009

Sudah lama plugin WP-Cumulus digunakan oleh para Blogger di Wordpress. Plugin ini ternyata sangat menambah estetika Blog dimana Tag yang ada dapat melayang-layang. Plugini ini dibuat oleh Roy Tanck dengan deskripsi Flash based Tag Cloud for WordPress. Namun kini scripnya telah dimodifikasi oleh Amanda Fazani sehingga dapat diintegrasikan pada engine Blogspot, Anda dapat lihat pada widget yang saya pasang di sidebar kiri :)
Bagi rekan-rekan yang pingin juga memasang widget ini, berikut ini caranya :

Login di Blog Anda
Buka Layout - Edit HTML. Jangan lupa beri centang di expand widget templates
Cari kode ini : <b:section class="sidebar" id="Sidebar" preferred="yes">
Copy kode dibawah ini dan letakkan di bawah kode pada langkah 3 di atas

<b:widget id='Label65' 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://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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "190", "140", "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>

5. Simpan Template Anda dan lihat hasilnya

Keterangan :
Perhatikan kode ini : ", "tagcloud", "190", "140", "7", "#ffffff");
Untuk menyesuaikan dengan sidebar Anda ganti kode berwarnah merah di atas.
Lebar = 190
Tinggi = 140
Warna Latar = #ffffff (putih)