Kali ini Gue Mau Buat Trick Membuat Label Cloud Berputar, langsung aja ya. Gue Lagi Malas Basa-Basi, hehehe...
Pertama...
buat Gadget label dengan nama Label Cloud
trus di buka edit html, jangan lupa centang Expand Templete Widget, carikan dengan ctrl+f dengan keyword Label Cloud tadi yang penting ada kata Label Cloud tadi, ini hasil contoh label yg sudah dibuat
<b:widget id='Label2' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Setelah Ketemu Ganti atau Replace Semua Kode diatas dengan Kode di bawah ini,
<b:widget id='Label99' locked='false' title='Cloud Category' 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.ainisastra.blogspot.com/'>Sastra Blog</a> and <a href='http://www.ainisastra.blogspot.com'>Sastra Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "180", "200", "7", "#D0F5A9");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "transparant");
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>
Teks yang berwarna merah adalah untuk merubah Ukuran Label Cloud Sesuai yg diinginkan
Teks yang berwarna Hijau adalah untuk Gambar Latar , kode warna bisa di lihat disini
Teks yang berwarna Pink itu Nomor Code Html, untuk mencegah Code Gadget yang lain yang bisa sama. makanya di buat manjadi Label99
NB: Ingan Code script terakhir seperti </b:widget> , itu harus di replace sampai Code itu juga, tapi jangan kelewatan sampai Mereplace Code Gadget yang lain, biasanya code Gadget yang lain di awali dengan code Script <b:widget id , Contohnya Code Script awal label Cloud di atas dan pasti akan di akhiri dengan code </b:widget> .
Keduanya mana Ko Cuma Perama aja Tricknya( Kan Gue Udah Bilang, Gue Lagi Malas Bua Basa-Basi) hohoho
Sekian Dulu Trick Dari Saya Buat Sobat, Semoga Berhasil, Jika Ada yang ditanyakan Silahkan tanggalkan Komentar. Sebisa Mungkin saya jawab..
0 comments:
Post a Comment