cara membuat label berputar di gadget

Kali ini saya akan memberikan turtorial tetang bagaimana untuk membuat tabel berputar di sidebar pada blog...Sebenarnya cara ini sudah banyak di posting oleh para pendahulu saya,

Nah sobat, selain menarik untuk di lihat bakal lebih menarik lagi jika sobat langsung mempraktekan di blog sobat sendiri..
Langsung saja ke cara membuatnya...


Langkah - langkahnya :
1. Log in ke blog sobat
2. Dasbor > Template > edit HTML > centang Expand Template Widget
3. Search kode :
Untuk template lama cari kode ini: <b:section class='sidebar' id='sidebar' preferred='yes'>
Untuk template baru cari kode ini: <b:section-contents id='sidebar-right-1'>
4. Setelah copy, pastekan kode berikut ini tepat di bawah kode yang sobat cari tadi

<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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "320", "220", "7", "#ffff00");
// uncomment next line to enable transparency
//so.addParam("wmode", "#ffff00");
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='16'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan:

    Kode berwarna kuning  adalah lebar widget, bisa sobat 
  sesuaikan sediri.
    Kode berwarna hijau  adalah tinggi widget, bisa sobat 
  sesuaikan sendiri.
    Kode berwarna biru adalah warna latar dari Label itu sendiri

6. Klik save / simpan template

Related Post: