Menghiasi blog dengan tag Comulus (animasi)

Share it:
Comulus ialah tag yang bergerak jika mouse diarahkan kedalam kotak area (begitu menurut saya lho...soalnya saya susah membahasakannya, maklum bukan ahli tata bahasa he..he...).  Jika anda pernah berkunjung ke blog ini sebelumnya anda akan melihat huruf yang bergerak saat mouse diarahkan kesana. Tapi sekarang sudah saya hilangkan dan saya ganti dengan widget dari technorati.

Jika penasaran seperti apa tag comulus itu, langsung aja dicoba dan lihat hasilnya, ya..?
Ini cara dan kodenya:

  • Login di blogger trus klik layout dan jangan lupa tambahkan page element pilih label.
  • Setelah di tambahkan dan di save sekarang  klik edit html tanpa centang expand widgetnya terus cari kode yang seperti di bawah ini :

<b:widget id='Label1' locked='false' title='Labels' type='Label'/>

setelah ketemu ,  ganti kode yang ada di atas dengan kode yang ada di bawah ini :

<b:widget id='Label1' locked='false' title='Label Cloud' 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>, Edited By<a href='http://wa2n.nrar.net'>wa2nlinux</a></div>
<script type='text/javascript'>
// variabel disini, untuk merubah warna dan dimensi ada di bawah ini
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;200&quot;, &quot;160&quot;, &quot;7&quot;, &quot;#ffffff&quot;); //dimensi dan warna background
so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xCC0033&quot;);//warna font(hexa)
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;150&quot;); //kecepatan
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='14'><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>

Selesai...
Dan coba lihat hasilnya. Anda akan tahu seperti apa sih tag comulus itu.

Selamat mencoba !
Share it:

Tips dan Trik

Post A Comment: