Membuat Label Cloud Cumulus / Berputar

Bismillah ... sebelumnya saya telah membahas cara membuat tag cloud dari yang biasa sampai memodifikasinya. nah,,, ada yang baru lagi nich.. Namanya Label Cloud Cumulus...!!! atau biasa juga disebut label cloud berputar.
Label Cloud Cumulus pada blogger disebut juga Blogumus.

Untuk membuatnya silahkan kalian ikuti tahap-tahap berikut ini:

1. login Ke blogger
2. Pilih Rancangan / Tata Letak
3. Pilih EDIT HTML (centang expand template Widget)
4. Silahkan cari kode berikut

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

5. Kemudian kalian simpan kode berikut dibawah kode 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://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. Jangan Lupa simpan template

Keterangan :

^^ angka 240 adalah Lebar kolom
^^ angka 300 adalah Tinggi kolom
^^ Kode #FFFFFF adalah warna background (putih)

Untuk merubah jenis Huruf dan ukurannya, kalian perhatikan kode berikut (tebal) :

so.addVariable("tcolor", "0x333333");

dan

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Semoga bermanfaat.

Source N credit :

• Roytanck | http://roytanck.com/
• Amanda Fazani | http://www.bloggerbuster.com/

Silahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.

Penulis :  Azis Lamayuda | BLOG : Do The Best To Get The Best
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.