Cara Membuat Animasi Label Berputar

Label adalah suatu tag yang mengarah ke artikel sobat. Terkadang kita bosan melihat Label yang begitu - begitu aja. Nah...tidak ada salahnya kalau label di blog sobat dibuat animasi. Selain biar tidak jenuh bisa juga membuat tampilan blog sobat menjadi keren.

Langkahnya sangat mudah, silakan ikuti petunjuk berikut :

1. Login ke account blogger sobat

2. Masuk ke menu Rancangan > Edit HTML

3. Agar perubahan nantinya tidak beresiko silakan download terlebih dahulu template sobat.

4. Tekan tombol Ctrl + F lalu cari kode  

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

dimana Label1 adalah widget Label sobat 

5. Lalu copy dan pastekan pada script dibawahnya. Intinya sobat harus mengganti isi html blog sobat dengan coding persis berikut. 

<b:widget id='Label1' 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'>Blogumulus by <a href='http://3hsoftcom.blogspot.com/'>Hery Tarmanto</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;0x333333&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> 

6. Selesai. Untuk menyesuaikan seting menurut kemauan sobat atur parameter berikut :

240       = Lebar

300       = Tinggi

ffffff    = Warna Background

333333 = Warna Text

100       = Animasi Speed

12         = Ukuran Text

7. Simpan pekerjaan sobat dan sekarang lihat hasilnya.

Semoga tutorial ini membantu para blogger semua