Powered by Blogger.
RSS

Cumulus plugin in blog Blogger : a flash animated label



WordPress Cumulus Plugin - awalnya dikhususkan untuk platform WordPress, Plugin ini menampilkan tag dan/atau label dalam format 3 Dimensi dengan menempatkan label atau tag pada bola berputar di web page (halaman Website). Ada kabar baik, kini WP Cumulus Plugin bisa dipasang pada blog platform Blogger/blogspot, milik Google.

WordPress Cumulus memungkinkan ditampilkan tag maupun kategori atau label atau keduanya dengan menggunakan film Flash berputar dalam format 3D, bekerja seolah sebagai tag awan dan visual menarik. Klik tag mungkin agak menyulitkan Anda karena tergantung setting kecepatan

Tag cloud comulus 4 website design BLOG

Plugin ini visualnya lebih menarik bekerja seolah seperti tag awan. Mengklik tag bisa jadi agak sedikit menyulitkan (karena tergantung pengaturan speed), tetapi bagaimanapun juga akan membawa Anda ke halaman yang tepat.

"Contrary to what I originally 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 two 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."

Seperti itulah apa yang dikatakan penemu WP Cumulus Plugin  ––  Roy Tanck dari Huizen Netherlands  dalam website pribadinya ––menyiratkan: faktanya saat ini bertentangan dengan apa yang pada awalnya dia dipikirkan.  KIta ikuti saja cara menaruh plugin seperti mayoritas WordPress, yaitu di sidebar.

Lalu bagaimana user blogspot mendapatkannya?

1.       Masuk Dashboard Blogger | Desain > Edit HTML. Lebih aman klik dulu
          "Backup/Restore Template
2.       Tekan CTRL-F untuk mencari snippet kode atau yang mirip ini:

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

3.       COPY kode DIBAWAH kemudian PASTE kode tersebut tepat dibawah snippet :

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

COPY 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>

4.     Kustomisasi
        Anda BISA lakukan perubahan parameter plugin diatas.
 
        PERHATIKAN!
        Title  Labels bisa diganti judul lain – misal : Labels in Comulus
        240 & 160 menunjuk width & tinggi flash di webpage / laman web. Sesuaikan dengan keinginan
        Kode warna 45FFF3 mewakili warna background.
        Kode warna FA6446 mewakili warna text. Saat didekati kursor, warna  text menjadi hitam.
        Angka 100 mewakili 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, periksa hasil copy dengan cermat. Pastikan identik dengan ASLInya. Sebab saya mengalami duplikasi copy-an (tanpa tahu sebabnya 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.
----------------------------------------------------------
Kode sumber untuk film Flash juga tersedia di wordpress.org.



  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment