Powered by Blogger.
RSS

WP Cumulus in Website Platform Blogger



Animasi Label Awan - Tag Cloud atau WP Cumulus plugin menampilkan label content dalam format 3D. Aslinya dibuat untuk website enhanced WordPress sebagai plugin WP. Namun sekarang bisa dipasang pada blog platform Blogger. Sayangnya banyak website mengabaikan teknologi padahal penggunaan yang tepat; bisa menciptakan kesan kuat. Tapi penggunaan animasi tidak boleh berlebihan sehingga bersifat mengganggu. Blog terlalu “ramai” kesannya juga tidak profesional.
Tag cloud comulus MY website design BLOG

Bertentangan dengan apa yang dipikirkan penemunya – Roy Tanck. Di website pribadinya berkata:

“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."

Bagaimana User Platform Blogspot Mendapatkannya?

1.   Masuk Dashboard  | Desain | Edit HTML. klik "Backup/Restore Template untuk Download template.
2.   Tekan CTRL-F untuk mencari snippet kode atau yang mirip dengan snippet kode ini
<b:section class='sidebar' id='sidebar' preferred='yes'>

ATAU

<b:section-contents id='sidebar-right-1'>
3.   COPY kode warna merah di bawah ini, lalu PASTE tepat di bawah snippet ini
<b:section class='sidebar' id='sidebar' preferred='yes'>  ATAU   <b:section-contents id='sidebar-right-1'>(salah satu diantaranya)
Script :

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<data:title/>
</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;);
/ / Tanda komentar baris berikutnya untuk mengaktifkan transparansi //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>

4.    Kustomisasi

Anda leluasa melakukan perubahan parameter diatas. Perhatikan angka 240 dan 300 menunjukkan
Lebar dan Tinggi flash film di halaman website (webpage) dan bisa disesuaikan dengan keinginan Anda. Kode warna ffffff, mewakili
warna backgrounddan 333333 mewakili
warna text. Saat didekati kursor warna text menjadi hitam.
Angka 100 menunjukkan Speed pergerakan text dan bisa di-set dibawah 100. Angka 12 menunjukkan ukuran karakter. Untuk mendapatkan kode warna buka http://www.colorpicker.com/
Contoh ada di http://yusufzulkarnain.blogspot.com.    Anda bisa memindahkan posisinya via jendela Layout.

 


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

0 comments:

Post a Comment