13 Januari 2012

Cara Membuat Tag Cloud / Label Berputar di Blogspot


Selamat malam blogger, kali ini saya ingin sedikit berbagi tips mengenai bagaimana memasang Label Tag Cloud pada Blogspot, untuk kalian yang masih bingung apa itu Tag Cloud bisa melihat demonya pada blog saya, tepat pada bagian sidebar sebelah kanan saya ini, saya menggunakan Tag Cloud sebagai pengganti blog archive saya.

catatan : tidak semua template bisa anda pasang tag cloud ini,
jadi saya sarankan untuk men'download template anda terlebih dahulu untuk antisipasi.



Langsung saja kita lanjutkan pada step by step memasang tag Cloud pada Blogspot, cara nya seperti yang ada di bawah ini :

  • Login ke Blogspot anda
  • Klik Design/Rancangan > Edit HTML > Centang Expand Templates Widget
  • Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> atau kode <b:section class='sidebar' id= ( cari menggunakan shortcut ctrl+f untuk memudahkan )
  • Lalu copy paste kode di bawah ini tepat di bawah kode tadi.

<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>


Saran saya sebelum anda save alangkah baiknya di preview dulu, apabila sudah berhasil kemudian silahkan di save.

CATATAN :

1. Warna Merah : Silahkan di ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Silahkan di ganti untuk merubah warna background tag cloud
3. Warna Biru : Silahkan di ganti untuk merubah ukuran font
4. Tag Cloud akan berjalan apabila komputer sudah terinstall adobe flash player.

Sekiranya itu saja yang dapat saya share kali ini mengenai bagaimana memasang Tag CLoud Berputar (flash) pada Blogspot, mudah-mudahan artikel ini berguna.

→ Komentar yang menyertakan link aktif, iklan atau titip link akan dimasukan ke folder SPAM
→ Gunakan kode ini utk Emoticon (tanpa ♦)
:) ♦ :( ♦ ;) ♦ :p ♦ =( ♦ ^_^ ♦ :D ♦ =D ♦ |o| ♦ @@ ♦ :-bd ♦ :-d ♦ :ngakak: ♦ :lol: ♦ :love: