Tutorial membuat Label flash animation

Tutorial kali ini adalah membuat sebuah Widget Label yang unik dan keren yang contohnya bisa anda lihat seperti pada gambar di atas,bedanya label flash ini dengan label yang lainnya adalah ,label flash ini yang apabila kursor kita mengarah ke label flash tersebut maka label tersebut akan bereaksi dengan efek Flow berputar-putar,apabila para pengunjung blog kita ingin memilih label misalnya label windows caranya simple seperti biasa tinggal klik maka akan menuju ke halaman label yang dipilih tersebut.

Tutorial

• Pertama-tama seperti biasa login ke akun blog anda.
• Kemudian pilih Rancangan atau template, untuk berjaga-jaga silahkan Back-up terlebih dahulu template sobat.
• Kemudian cari kode yang seperti di bawah ini,cara cepatnya tekan Ctrl + F kemudian masukan kode di bawah ini,tetapi apabila tidak di temukan cari lagi secara manual dengan saksama pasti ada kok.

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

• Setelah ketemu copy kan kode di dibawah ini dan letak dibawah kode diatas ..

<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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Labelflash by <a href='http://www.fendevils.blogspot.com/'>fendevils</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;260&quot;, &quot;260&quot;, &quot;7&quot;, &quot;#151515&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xFFFFFF&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='10'><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,kemudian klik Pratinjau/Preview untuk melihat hasilnya kalau berhasil silahkan Save templatenya

KET :

• 0xFFFFFF : warna tulisan label
• #151515 : warna background
• 260 dan 260 adalah lebar dan tingginya kotak label flash

Last note

Demikian tutorial membuat widget Labelflash animation ,semoga tutorial di atas dapat membantu sobat dalam menghias blog sobat, untuk tutorial lainnya mengenai blog silahkan cek di daftar isi ,wassalam :c: