Cara Membuat Label Cloud Berputar

Posted by : Anonymous

Pas DB21 lagi nge blog walking DB21 ngeliat blog yang labelnya bisa berputar, lalu DB21 cari tutor nya, dan ketemu. Ya sebenarnya DB21 gak mau masang, takut blog nya berat haha.

Tapi pengunjung DB21 mungkin tertarik, jadi langsung saja. Berikut tutornya :

-Masuk ke Dasbor>Rancangan>Edit HTML

-Cari Codebiar lebih cepat, bisa menggunakan CTRL+F

-Dibawahnya ada kode berikut

<b:widget id="Label2" locked="false" title="Label Cloud" type="Label">
<b:includable id="main">
<b:if cond="data:title">
</b:if></b:includable></b:widget>
<h2>
<data:title></data:title></h2>

<div expr:class=""widget-content " + data:display + "-label-widget-content"">
<b:if cond="data:display == "list"">
</b:if>
<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></data:label.name></span>
<b:else>
<a expr:dir="data:blog.languageDirection" expr:href="data:label.url" href=""><data:label.name></data:label.name></a>
</b:else></b:if>
<b:if cond="data:showFreqNumbers">
<span dir="ltr">(<data:label.count>)</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></data:label.name></span>
<b:else>
<a expr:dir="data:blog.languageDirection" expr:href="data:label.url" href=""><data:label.name></data:label.name></a>
</b:else></b:if>
<b:if cond="data:showFreqNumbers">
<span class="label-count" dir="ltr">(<data:label.count>)</data:label.count></span>
</b:if>
</span>
</b:loop>
</b:else>
<b:include name="quickedit">
</b:include></div>

-Ganti kode tadi dengan kode berikut

<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'>Tutorial by <a href='http://dewamahardika.blogspot.com/'>Mahardika Blog's</a> and <a href='http://dewamahardika.blogspot.com/'>Mahardika Blog's</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "180", "200", "7", "#FFFFFF");
// 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>

Keterangan :

-Merah : Tinggi dan lebar widget

-Biru : Warna Background Widget

Save

Semoga Berhasil