membuat label animasi pada bloger

untuk membuat tampilan web-site atau blog kita agar lebih cantik dan menarik ada banyak cara. salah satu di antaranya dengan membuat animasi, animasi ini bisa berupa gambar yang lucu atau text yang bergerak.

kali ini saya akan membagi cara membuat label atau kategori artikel blog yang berputar seperti yang terlihat di samping yang sering di sebut tag cloud.

langsung saja ke langakah-langkahnya.....
1. log in dulu ke bloger
2.Setelah itu klik Layout -> Edit HTML
3. cari kode  <b:section class='sidebar' id='sidebarright' preferred='yes'>
4. Kalau sudah ketemu letakkan kode dibawah ini tepat dibawah kode yang diatas


&lt;b:widget id='Label88' locked='false' title='Tag Cloud' type='Label'&gt;
&lt;b:includable id='main'&gt;
&lt;b:if cond='data:title'&gt;
&lt;h2&gt;&lt;data:title/&gt;&lt;/h2&gt;
&lt;/b:if&gt;
&lt;div class='widget-content'&gt;
&lt;script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/&gt;
&lt;div id='flashcontent'&gt;Blogumulus by &lt;a href='http://abi-galoga.blogspot.com/'&gt;Dimas Abi Galoga&lt;/a&gt; and &lt;a href='http://hermanblogtips.blogspot.com'&gt;Herman Blog&lt;/a&gt;&lt;/div&gt;
&lt;script type='text/javascript'&gt;
var so = new SWFObject(&amp;quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&amp;quot;, &amp;quot;tagcloud&amp;quot;, &amp;quot;180&amp;quot;, &amp;quot;180&amp;quot;, &amp;quot;7&amp;quot;, &amp;quot;#ffffff&amp;quot;);
// uncomment next line to enable transparency
//so.addParam(&amp;quot;wmode&amp;quot;, &amp;quot;transparent&amp;quot;);
so.addVariable(&amp;quot;tcolor&amp;quot;, &amp;quot;0x333333&amp;quot;);
so.addVariable(&amp;quot;mode&amp;quot;, &amp;quot;tags&amp;quot;);
so.addVariable(&amp;quot;distr&amp;quot;, &amp;quot;true&amp;quot;);
so.addVariable(&amp;quot;tspeed&amp;quot;, &amp;quot;100&amp;quot;);
so.addVariable(&amp;quot;tagcloud&amp;quot;, &amp;quot;&lt;tags&gt;&lt;b:loop values='data:labels' var='label'&gt;&lt;a expr:href='data:label.url' style='12'&gt;&lt;data:label.name/&gt;&lt;/a&gt;&lt;/b:loop&gt;&lt;/tags&gt;&amp;quot;);
so.addParam(&amp;quot;allowScriptAccess&amp;quot;, &amp;quot;always&amp;quot;);
so.write(&amp;quot;flashcontent&amp;quot;);
&lt;/script&gt;
&lt;b:include name='quickedit'/&gt;
&lt;/div&gt;
&lt;/b:includable&gt;
&lt;/b:widget&gt;


5. save tamplate.

ooppsss...
hampir lupa keterangannya

180 menunjukkan lebarnya
180 menunjukkan tingginya
fffff menunjukkan warna background dari tag clound.
333333 menunjukkan warna teks
12 menunjukkan ukuran teks 

dan yang terakhir jangan lupa koment nya....

sumber : http://abi-galoga.blogspot.com