Membuat Cloud Blogumus : Label Animasi yang Berputar di Blogger

Cloud Blogumus adalah Label dalam Blogger yang di modifikasi sehingga tampilannya menggunakan Flash yang bisa berputar, sehingga Blog menjadi menarik. Kegunaan lain juga untuk meringkas daftar label dalam satu kotak widget.

Sebenarnya Cloud Blogumus ini adalah sebuah widgets dari WordPress, tapi disini kita akan memodifikasi dan memasangnya pada Blog dari Blogger (blogspot).


Cara membuat Cloud Blogumus :

1. Login ke Blogger anda.
2. Setelah sampai Dashboard, pilih Rancangan, lalu Edit HTML
3. Beri tanda centang "Expand Template Widget"
4. Copy paste dahulu template anda ke dalam Notepad sebagai Backup.
5. Cari code berikut

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

(untuk kode disesuaikan saja, karena tidak semua template sama kodenya)

Masukkan kode berikut dibawahnya.

<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.siomponk.com/'>Si Omponk</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;210&quot;, &quot;200&quot;, &quot;7&quot;, &quot;#76020f&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xFEFEFE&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>

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
• Kode yang berwarna Hijau adalah warna Text widget

Lalu Simpan Template dan lihat hasil perubahannya pada blog anda

Baca Artikel Terkait berikut ini: