A Flash animated label : Cumulus Plugin in Blogger

 

Bertentangan dengan apa yang dipikirkan Penemu Tag Cloud (WP Cumulus Plugin) Roy Tanck van Huizen Netherlands.  Di website-nya ia berkata:

"Contrary to what I eally thought when I released WP-Cumulus, it seems most people prefer to use it on their blog’s sidebar. I estimate that at least 80% of users use the widget. But the plugin still has 2 other ways to embed the movie into your blog, and version 1.20 greatly improves the most important of those. Shortcodes can be incredibly useful, and version 1.20 of my plugin now properly supports them."

WP Cumulus plugin menampilkan label format 3 Dimensi. Semula dibuat  khusus untuk WordPress namun kini bisa dipasang di Blogger/blogspot.

Sekarang ikuti saja cara menaruh plugin seperti mayoritas user WP, yaitu di sidebar seperti dibawah ini:

1.    Ke Dashboard Blogger|Desain > Edit HTML. Lebih aman klik dulu 
       "Backup/Restore Template" 

2.    Tekan CTRL-F untuk mencari snippet kode yang mirip ini:

       <b:section class='sidebar' id='sidebar' preferred='yes'> 
        atau 
          <b:section-contents id='sidebar-right-1'> 

3.   COPY kode DIBAWAH ini:

<!--WP Columus Label for Inspiring Quotes-->

<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;160&quot;, &quot;7&quot;, &quot;45FFF3&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xFA6446&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>

lalu PASTE tepat dibawah snippet ini:  

       <b:section class='sidebar' id='sidebar' preferred='yes'>
        atau yang mirip dengannya.

4. Kustomisasi

    Anda BISA lakukan perubahan parameter plugin diatas.

    Title  Labels diganti judul lain, misalnya “De Labels WP Comulus”   
    240  dan  160 menunjukkan lebar dan tinggi flash di webpage. Bisa   
    disesuaikan dengan keinginan. 45FFF3 mewakili warna background  
   dan FA6446 untuk warna text. Saat didekati kursor, warna text  
    menjadi hitam.

    Angka 100 wakili speed pergerakan text dan bisa dikurangi dibawah 
    100. Angka 12 menunjukkan ukuran text. 

    Untuk mendapat kode warna, buka http://www.colorpicker.com/

Catatan: 
Sesudah Copy-Paste Hasil copian periksalah dengan cermat, agar identik dengan ASLI. Karena berulang-ulang saya mengalami duplikasi hasil copy-an seperti ini : (tanpa saya tahu penyebabnya dan harus menghapus duplikat secara hati-hati).

<b:includable id='main'><b:includable id='main'>
<b:if cond='data:title'><b:if cond='data:title'>              

seharusnya :

<b:includable id='main'>
<b:if cond='data:title'>

Anda juga bisa memindahkan posisi tag cloud di jendela Layout.

---

Tag Technorati: {grup-tag}Plugin