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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values=data:labels var=label><a expr:href=data:label.url style=12><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name=quickedit/>
</div>
</b:includable>
<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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true"); so.addVariable("tspeed", "100"); so.addVariable("tagcloud", "<tags><b:loop values=data:labels var=label><a expr:href=data:label.url style=12><data:label.name/></a></b:loop></tags>"); so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name=quickedit/>
</div>
</b:includable>
</b:widget>
Setting ukuran :
- 240 = Lebar
- 300 = Tinggi
- ffffff = Warna Background ( Untuk mencari kode warna silahkan cari Disini )
- 333333 = Warna Text
- 100 = Animasi Speed
- 12 = Ukuran Text
- Jika sudah sesuai, Simpan Template
Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^
0 comments:
Post a Comment