Labels Cloud Update

Belakangan ini banyak yang bertanya-tanya tag cloud berputar yang dipasang disitusnya tidak jalan seperti biasa, kenapa kira-kira ?? mmmm.....isunya seh alamat url tag cloud si blogumulus sudah ditutup gitu atau entahlah, saya sendiri juga ngga tahu pastinya..hehe ...

Ya sudah daripada bahas itu mendingan sekarang kita kembali ke laptop kita cari solusinya kenapa tag cloud atau labels cloud berputar tersebut tidak jalan, dan bagaimana supaya membuatnya berfungsi kembali seperti semula.

Biasanya script tag cloud yang sering digunakan adalah seperti di bawah 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("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>

Violarta Site

Anda perhatikan pada alamat URL yang saya tebalkan dengan warna ungu di atas, gantilah kode-kode alamat tersebut  :

http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js

silahkan diganti dengan

http://sites.google.com/site/bloggerustemplatus/code/swfobject.js

dan

http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf

silahkan diganti dengan

http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf

Jadi hasilnya akan seperti 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://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>

Violarta Site

Untuk cara penempatanya sama saja, login di blogger anda,masuk ke layout, lalu pilih Edit html  berikutnya cari kode ini

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

atau cukup <b:section class='sidebar' aja dengan tekan ctrl+F atau (F3). letakan kode javascript di atas tepat di bawah kode <b:section class='sidebar' id='sidebar' preferred='yes'>

Untuk yang ditandai dengan warna biru adalah ukuran lebar dan tinggi tampilan serta warna background, silahkan disesuaikan dengan selera anda. Untuk kode-kode warna bisa anda lihat di sini..

Coba di preview (pratinjau) lihat perubahanya kalau sudah simpan template anda. 

Bagi yang sudah memakai tag cloud berputar di websitenya dan kebetulan mengalami kasus yang sama ngga jalan, tinggal dihapus (didelete) aja gadget yang udah ada, selanjutnya  ganti dengan script Update di atas

Ok sekarang tag cloud berputar anda sudah kembali lagi tu..

Best Regards,