CARA MEMBUAT LABEL CLOUD MEMUTAR

Pada kali ini saya akan posting tentang bagaimana caaranya membuat label/kategori kita bisa memutar...pernah saya coba dari berbagai script namung tidak berhasil...nah pada akhirnya saya menemukan cara yang simpel dan tidak perlu uprek2 html template kita.langsung aja saya kasih caranya yang saya kutip dari http://www.agielweb.info.

Buka Blogger Anda.

Pilih Design-->Page Elements

Pastikan Bahwa Anda telah membuat Tag Cloud(standart dari Blogger)seperti pada gambar.

Kalau Anda sudah pasang Tag Cloud Standart.

Tambahkan Gadget dengan cara klik Add a Gadget pada Page Elements

dan pilih Html/JavaSript

Sudah??

Masukan Kode ini

<center><h2 class="title">Tag Cloud</h2>

<div class="widget-content">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

<div id="wpcumuluscontent5733682">Flash tag cloud requires <a href="http://www.agielweb.info/">Flash Player</a> 9 atau lebih.

<script type="text/javascript">

/*

Tag Cloud untuk Blogger Buatan Agielweb.info

Email: agil@myself.com

*/

var flashvars = {

tcolor: "0x000000",

tcolor2: "0x000000",

hicolor: "0x000000",

tspeed: "50",

distr: "true",

mode: "tags"

};

var params = {

allowScriptAccess: "always"

};

params.wmode = "transparent";

x = document.getElementById("Label1").getElementsByTagName("a");

trans = document.getElementById("Label1").style.display="none";

var tagcloud;

var url = "http://" + document.domain + "/search/label/";

for (var i = 0; i < x.length - 1; i++)

{

tagcloud = tagcloud + "<a href='"+encodeURIComponent(url + encodeURIComponent(x[i].innerHTML))+"' class='tag-link-24' title='15 topics' style='font-size: 8pt;'>"+x[i].innerHTML+"</a>";

}

flashvars.tagcloud = "<tags>"+tagcloud+"</tags>";

swfobject.embedSWF("http://www.taiphanmem.org/wp-content/plugins/wp-cumulus/tagcloud.swf?r=2520752", "wpcumuluscontent5733682", "245", "245", "9", "expressInstall.swf", flashvars, params);</script></div>

<span style="color: red; font-family: &quot;Trebuchet MS&quot;,sans-serif; font-size: xx-small;"><u><b></b></u></span><div style="color: red; font-family: &quot;Trebuchet MS&quot;,sans-serif;">

<span style="font-size: xx-small;"><u><b>Widget by: <a href="http://www.agielweb.info/">AgielWeb.info</a></b></u></span></div>

</div></center>

Dan Lihatlah hasilnya..