Author by Yosef Doublehorn
jasa toko online website design
jasa toko online blog web design
slogan cinta kerja harmoni
Protected by Copyscape Online Infringement Detector

Kamis, 07 Februari 2013

Cumulus Plugin in Blogger : A Flash animated label


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

Tag cloud comulus 4 website design BLOG

WP Cumulus-memungkinkan ditampilkannya tag maupun kategori atau label atau kedua-duanya dengan menggunakan film Flash berputar dalam format 3D. Plugin ini bekerja seolah seperti tag awan, tetapi visualnya lebih menarik. Mengklik tag bisa jadi sedikit menyulitkan (karena tergantung pengaturan kecepatan), 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!
<!--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.
        Angka  240  dan  160 menunjukkan lebar dan tinggi flash di webpage dan bisa disesuaikan dengan
        keinginanmu. Kode 45FFF3 mewakili warna background.FA6446 mewakili warna text. Saat didekati
        kursor, warna  text menjadi hitam.
        Angka 100 mewakili speed pergerakan text dan bisa dikurangi dibawah
        100. Angka12 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.

follow@websitedesign


Anda telah membaca artikel : Cumulus Plugin in Blogger : A Flash animated label
THANK YOU for your continued liking 'n sharing. If you haven't liked this post yet, you may do that by hitting the buttons just BELOW.
Please drop your comment and questions below ……
Comments

0 komentar:

Poskan Komentar

Windows Live Messenger + Facebook

Twitter in website design Delicious in blog blogger Facebook in website Digg web website Stumbleupon in web design Favorites website blog More for website design Linkedin