Wednesday, February 20, 2013

Cara Membuat Tag Cloud Berputar di Blog



Ingin tampil beda Setelah mencari-cari akhirnya dapat juga tutorial cara membuat tag cloud berputar di blog, atau label berputar. bisa lihat hasil cara membuat label berputar pada ini.


Note:
Tidak semua template dapat mendukung untuk tag cloud ini. Dan sebelum membuat label berputar ini,     diharapkan untuk mendownload templatenya masing-masing. 

Berikut caranya:

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


<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 klik button save, alangkah baiknya untuk priview terlebih dahulu, untuk melihat berhasil atau tidaknya kode tag tersebut. 

CATATAN
1. Warna Merah : Ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Ganti untuk merubah warna background tag cloud
3. Warna Hitam : Ganti untuk merubah ukuran font
4. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.

0 comments:

Post a Comment

Post Komentar!!!...