Kamis, 22 Maret 2012

Cara Membuat Cloud Blogumus atau Label Animasi Berputar Pada blog

Cloud Blogumus adalah suatu label animasi yang menampillkan semua label blog anda yang ditampilkan dalam bentuk swf yang dapat diputar dengan mouse jika digeser tepat di cloud blogumusnya.

Sebenarnya widget Cloud Blogumus ini adalah salah satu fasilitas dari wordpress, akan tetapi kali ini kita akan menerapkannya pada blogger.

Langsung saja ikuti langkah - langkah di bawah ini :
  1. Login pada blog anda
  2. Masuk ke Template - Edit HTML - Lanjutkan - Centang Expand Widget Template - Lalu gunakan Ctrl + F untuk mempermudah pencarian kode
  3. Kemudian cari kode ini <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’> lalu copy kode di bawah ini dan paste tepat di bawah kode yang tadi kita cari
<b:widget id=’Label99′ locked=’false’ title=’Label Blogumus‘ type=’Label’>
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</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;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0×333333&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.   Keterangan :
  • Kode yang berwarna biru adalah Nama widget
  • Kode yang berwarna merah adalah alamat url file .swf dan jika alamat url itu tidak bisa digunakan, ganti dengan alamat url ini http://www.swfcabin.com/swf-files/1275932799.swf
  • Kode yang berwarna orange adalah lebar dan tinggi widget cloud
  • Kode yang berwarna pink adalah warna background widget
    5.   Lalu Simpan Template dan lihat hasil perubahannya pada blog anda

Terima Kasih Atas Kunjungannya . .
Semoga Bermanfaat . .

Tidak ada komentar:

Posting Komentar