January 16, 2009

Blogumus : Animasi Flash untuk Label di Blogspot

| January 16, 2009

Apa dan bagaimana blogumus itu? sepertinya tidak usah saya ceritakan panjang lebar, cukup lihat contoh blogumus dibawah ini! blogumus pada intinya penggolongan label pada blog dengan bentuk seperti awan yang berputar! Seperti yang ada pada blog ini ! lihat widget samping di bawah! Gimana Cara pasangnya? Begini Caranya : Pergi ke Layout>Edit HTML di menu dashboard Cari kode dibawah ini :

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

Kemudian tepat dibawahnya tambahkan kode berikut :

<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&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;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>

Bagaimana setting ukuran, warna dan lain sebagainya? Berikut ini dicontohkan untuk setingan variabel didalamnya :
  • Lebar Kita Buat 240px
  • Tinggi kita buat 300px;
  • Warna Background adalah putih
  • Warna tes adalah Abu-abu
  • Huruf berukuran "12"
Mengedit tinggi dan lebar

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

Mengedit warna backgroud

so.addVariable("tcolor", "0x333333");

Mengganti ukuran font

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

Selamat mencoba !

Related Posts

4 comments:

  1. Halo salam kenal masciprut :)
    hmm...gitu ya tp sayang saya di WP ntar kalu saya di blogspot saya coba dech.
    Makaci infonya :)

    ReplyDelete
  2. thanks mas... udah bisa cummulus nya...:-)

    ReplyDelete
  3. This comment has been removed by a blog administrator.

    ReplyDelete
  4. wuaduh banyak banget om codenya,pusing saya ngeliatnya

    ReplyDelete