Membuat Animasi Label Berputar

Dunia blogging sangat erat kaitanya dengan dengan desain tampilan pada grafis blog. banyak yang dilakukan para blogger untuk mempercantik blog mereka, diantaranya dengan membuat animasi labels berputar. namun tidak seperti memunculkan label seperti pada umumnya, membuat animasi label berputar ini memerlukan langkah khusus agar berhasil dalam pemasangan nya. berikut langkah-langkah nya.


1. Login ke blog anda
2. Pilih Template >> Edit HTML
3. cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>  bisa menggunakan fungsi ctrl+f 
(Jika kode tersebut tidak bisa di temukan cari kode <b:section dan cari hingga ketemu lanjutannya) 



4. Copas kode di bawah ini di atas kode yang kita cari tadi.

<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</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;288&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>  

keterangan : 1. Animasi akan terlihat bila komputer sudah terinstal flash player
                   2. Warna Merah : Merubah ukuran tag cloud
                   3. Warna Hijau : Merubah warna background tag cloud
                   4. Warna Biru : Merubah ukuran font


5. Taraaaaaa.... blog anda sudah terpasang animasi label berputar.


view more : http://blogayobi.blogspot.com/2013/12/notepad.html
                  http://blogayobi.blogspot.com/2013/12/back-stage-riana-next.html
                  http://blogayobi.blogspot.com/2013/12/menyikapi-fenomena-cabe-cabean-di.html





                 

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 08:23 and have 0 komentar