Saturday, November 23, 2013

Cara Membuat Animasi Label Berputar pada Blogger




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 ^_^


0 comments:

Post a Comment

 

Copyright © Pemasar Design by O Pregador | Blogger Theme by Blogger Template de luxo | Powered by Blogger