WP Cumulus untuk Blogspot

Di sela-sela waktu yang singkat, kali ini SG akan memaparkan tutorial tentang "Cara Memasang WP Cumulus pada Blogspot/Blogger". Apa itu WP Cumulus?

WP Cumulus atau Wordpress Cumulus Plugin adalah widget yang ditemukan oleh blogger asal Belanda, Tom Tanck. Widget ini biasanya berfungsi sebagai penunjuk label/tag dalam bentuk 3D globe yang bisa di putar2. Sebenarnya Blogspot/Blogger juga mempunyai widget bawaan semacam ini, namanya Label Sphere, hanya saja tampilannya kurang 'gereget'. Seperti biasa SG hanya akan mengacu pada tutroial di Blogger Draft. Let's go to pembahasan utama yaitu cara memasang WP Cumulus.

1. Seperti biasa sobat login terlebih dahulu ke draft Blogger.
2. Masuk ke tab Template > Edit HTML > Proceed. Untuk jaga2 jangan lupa klik Backup / Restore
3. Centang Expand Widget Templates, untuk memunculkan hidden script html.
4. Cari kode di bawah ini (gunakan Ctrl+F untuk mempermudah pencarian), pada beberapa template sedikit terjadi perbedaan, cari aja yang mirip
   

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

   atau

   <b:section-contents id='sidebar-right-1'>
   

5. Jika sudah ketemu, Copy kode dibawah ini kemudian paste tepat dibawah kode <b:section class='sidebar' id='sidebar' preferred='yes'> atau <b:section-contents id='sidebar-right-1'> tadi.
   

   <!--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;FFFFFF&quot;);
   // uncomment next line to enable transparency
   //so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
   so.addVariable(&quot;tcolor&quot;, &quot;0xDCDCDC&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='14'><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> 

   Catatan :
   
   • Labels = adalah Title widget, sobat bisa menggantinya dengan title lain (misal : Category, Tags Cloud ds)
   • 240 = Width/Lebar dan 160 = Height/Tinggi widget, bisa disesuaikan dengan layout masing-masing
   • FFFFFF = warna background dan DCDCDC = warna text
   • 100 = Kecepatan pergerakan text, kecepatan bisa diubah sesuai keinginan. labih besar angka maka lebih cepat putaran textnya.
   • 14 = Ukuran text / Font Size
   
   

    6. Terakhir Save Template.

Jika tidak berhasil, coba cek script dibawah ini agar tidak terdapat duplikasi.

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

seharusnya yang benar adalah,

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

Ok selamat mencoba.