Blogumus : Animasi Flash untuk Label di Blogspot

Tag Blogger Stuff

4

comments

Tweet It

Share This

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 !

'

Baca Juga yang ini :

Subscribe RSS ReTweet Share on FB Add to Technorati