:
Responsive Banner design

Recent Posts

Home » , » Membuat Tag Cloud Cumulus Pada Blog

Membuat Tag Cloud Cumulus Pada Blog

Sebelumnya Apakah itu Tag Cloud Cumulus Pada Blog???
Tag Cloud Cumulus Blogger adalah sebuah fitur yang berisikan kata-kata yang merupakan label dari postingan kita. Jadi kalo mau liat postingan dengan label/kategori tertentu, kita dapat melihatnya dengan mengklik salah satu kata yang merupakan label dari posting yang berkaitan. Tag Cloud Cumulus ini bisa bergerak tergantung posisi kursor kita. Penasaran??? pengentau caranya???

Caranya Adalah sebagai berikut:

1. Log in ke blog anda,
2. Masuk ke Layout –> Edit HTML
3. Jangan lupa centang 'Expand Template Widget'
4. Trus cari kode seperti ini:

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

5. Kalau sudah ketemu copy code Dibawah ini, dan paste dibawah code diatas.


<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>



6. Terus Simpan Template.


Keterangan:

240 : Untuk lebar dari Tag Cloud
300 : Adalah tinggi dari Tag Cloud
#ffffff : adalah background dari Tag Cloud
100 : adalah kecepatan rotasi dari tag cloud
12 : adalah ukuran font


Untuk menampilkan Tag Cloud Cumulus tersebut, silahkan anda seting label anda menjadi seperti gambar dibawah ini:



Anda dapat menganti ukuran dan sebagainya, lihat pada keterangan sebagai panduan anda, silahkan sesuaikan dengan keinginan anda. selamat mencoba.

0 comments:

Posting Komentar

Followers