Cara Membuat Label Berputar Di Blog

Cara Membuat Tag Cloud, Label Berputar Di Blog -  Bagaimana cara membuat tag cloud berputar pada blog atau label berputar?  Nah berikut ini adalah hasil dari apa yang aku pelajari , yaitu membuat tag cloud bisa berputar.. dapat anda lihat dibawah ini, adalah salah satu contoh hasil setelah selesai

 Dan sebelum kamu nyoba bikin label berputar, mending kamu download template punyamu dulu. 

LANGKAH LANGKAHNYA SBB:

1. Login ke  blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Pilih kode : <b:section class='sidebar' id='sidebar' preferred='yes'>( kalau mau lebih cepat nyarinya pakai F3 aja.
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode ini

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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>

 ==================================================
5. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save . 

DAPAT JUGA DIRUBAH WARNA BACKGROUND MENURUT KESUKAAN MASING MASING.



NOTE : Tidak semua template dapat mendukung untuk dikasih tag cloud.

Posted in: Tutorial Blog