Membuat Efek Tag Cloud

Tag Cloud Cumulus pada blogger disebut juga Blogumus. Aslinya dibuat untuk WP namun seiring perkembangan zaman akhirnya tag cloud berhasil diterapkan oleh Blogger. Lihat contoh tag cloud-nya (label) pada gambar disamping atau pada blog ini yang berada dibagian Kanan dimana apabila cursor diarahkan diatasnya maka akan menimbulkan efek berputar. banyaknya Tag Cloud Cumulus yang tampil disesuaikan dengan jumlah label yang terdapat pada masing-masing Blog. adapun cara membuat Tag Cloud ini adalah :

Pertama seperti biasa login - layout - edit html - expand widget templates, lalu cari tag dibawah ini (gampangnya pencet Ctrl F, lalu isi tag dibawah ini pada kotak pencarian)

<b:section class='sidebar' id='sidebar' preferred='yes'>

Jika Kode diatas tidak ketemu, coba hilangkan sedikit-sedikit bagian kode diatas dari bagian akhir. Kalau sudah ketemu, copy-paste kode dibawah ini tepat dibawah tag tersebut :

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

Kemudian Save templates, Selesai sudah, lalu tinggal preview, tag cloud ini muncul pada bagian atas sidebar, dan tinggal memindahkannya kelokasi yang kamu inginkan.

penting
  1. Kode Berwarna Merah adalah Ukuran dari Lebar dan Tinggi Tag Cloud yang ingin di tampilkan 
  2. Tag Cloud dapat muncul apabila Blog Sahabat sudah dipasangkan Elemen Laman berupa LABEL (jadi jangan lupa ya pasang Elemen Laman LABEL terlebih dahulu)

Selamat Mencoba....

0 komentar:

Post a Comment