Author by Yosef Doublehorn
Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector

31 Maret 2012

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 backup.
  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 script kode di bawah ini, lalu PASTE tepat di bawah snippet :

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


    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 dan bisa disesuaikan dengan keinginan.

    Kode warna #ffffff (putih) mewakili warna background dan kode warna #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 di http://yusufzulkarnain.blogspot.com. Anda bisa pindahkan posisinya via jendela Layout.




Comments

0 komentar:

Posting Komentar di Website Design

-

Penelusuran topik khusus di blog ini
Loading