Membuat Label Blog Menjadi Flash Animasi

Ini berawal dari deka melihat flash animasi yaitu di dalam kotak ada tulisan-tulisan yang bergerak-gerak. Lalu dengan sengaja deka cari-cari kesana kemari cara membuatnya. Label yang di fitur blogger standar menjadi tidak standar.

Kalau biasanya seperti ini:
Kucing (12)
Bunga (45)
Buku (8)
Maka dengan fitur widget yang baru ini, label akan berubah menjadi bentuk flash animasi.

Bagaimana sih Cara membuatnya? Pasti begitu yang ada dipikiran S'B semua.

Ok langsung aja ya ke TKP.
 

- Pertama, pilih Tata Letak > Edit HTML
- Kedua, centang Expand Template Widget
- Ketiga, cari kode di bawah ini 

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

Catatan :

Agar lebih cepat untuk mencari, tekan aja Ctrl + F untuk menggunakan fasilitas Find pada browser S'B.

  

- Keeempat, kalau sudah ketemu taruh Script berikut ini di bawahnya :

<b:widget id='Label99' locked='false' title='Tag 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://sites.google.com/site/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://twitter.com/kurniasepta'>@kurniasepta</a> Distributed by <a href='http://kurniasepta.blogspot.com'>Belajar Ngeblog di Blog</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "245", "180", "7", "#333333");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xffffff");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
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>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Keterangan :

• Untuk teks yang berwarna Merah, itu merupakan Lebar dan Tinggi dari flash Animasi tersebut. S'B bisa mengubahnya sesuai keinginan. 

Selamat Mencoba ya S'B...

Posted in: Tutorial Blog