Monday 26 March 2012

cara membuat efek berputar pada kategori di blogspot

Sering kali kita melihat blog-blog yang keren menggunakan efek pada tags/kategori agar bisa berputar-putar.
(lihat disamping).
dengan efek ini blog akan keliatan lebih cantik.
mungkin agan-agan beranggapan efek itu berat,
tapi sebenarnya tidak lho,
penasaran pengen coba?
neh dia cara pasangnya..

1. Login blogger
2. buat laman baru/widget pilih HTML/Javascript
3. Copykan script dibawah ini!


<div class='widget label' id='label99'>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'><a href='http://www.roytanck.com/'></a><a href='http://www.bloggerbuster.com'></a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "200", "200", "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", "180");
so.addVariable("tagcloud", "<tags><a href='http://coret2dinding.blogspot.com/search/label/gadget' style='12'>Gadget</a><a href='http://coret2dinding.blogspot.com/search/label/saintek' style='12'>Sains Teknologi</a> </tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");

</script>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogid=8448873576292194853&widgettype=label&widgetid=label99&action=editwidget&sectionid=sidebar' onclick='return _widgetmanager._popupconfig(document.getelementbyid("Label99"));' target='configlabel99' title='edit'>
<img alt='' height='15' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='15'/>
</a>
</span>
</span>
<div class='clear'></div>
</div>
</div>

Nah untuk keterangannya:
180 tuh maksudnya buat kecepatan geraknya, bisa anda pilih sendiri kecepatannya.
truz yang warna hijau tuh(http://coret2dinding.blogspot.com/search/label/gadget) link buat tags/kategorinya.
yang warna biru (Gadget) nama dari tags/kategori yang akan ditampilkan.
agar bisa menambakan tags/kategori lagi bisa agan tambahkan script dibawah ini sebelum </tags>");.
 <a href='link tags/kategorinya' style='12'>nama tags/kategori</a>

kalau agan-agan masih bingung,
silahkan tinggalkan pesan...
selamat mencoba dan semoga membantu...

Sumber http://coret2dinding.blogspot.com


Daftar Isi:

0 Comments
Tweets
Komentar

0 comments:

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Bluehost Coupons