Monday, April 16, 2012

Cara Membuat Animasi Label Berputar pada Blogger

By. Dedi Yahya S


Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Animasi Label Berputar.


Cara Membuat Animasi Label Berputar Pada Blogspot :

  • Login pada Blogger
  • Masuk mode Rancangan, kemudian Edit HTML
  • Centang Expand Widget Templates
  • Klik Download Template Lengkap jika sewaktu-waktu Anda menginginkan template sebelumnya.
  • Cari kode <b:section class='sidebar' id='sidebar' preferred='yes'> . Gunakan F3 untuk pencarian kode agar lebih cepat
  • Letakan kode berikut dibawah kode tadi

<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'>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;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>

Setting ukuran :
  1. 240        = Lebar
  2. 300        = Tinggi
  3. ffffff       = Warna Background ( Untuk mencari kode warna silahkan cari Disini )
  4. 333333 = Warna Text
  5. 100        = Animasi Speed
  6. 12          = Ukuran Text
  • Jika sudah sesuai, Simpan Template
Demikian blogger tutorial mengenai Cara Membuat Animasi Label Berputar pada Blogger. 

Semoga bermanfaat dan semoga berhasil. 
Terima Kasih ^_^
Share:

0 comments:

Post a Comment

blog ariel

lazada

Blog Archive

ariel adyatna. Powered by Blogger.

Labels

Blog Archive