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§ionid=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>
<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§ionid=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...
"kalau tidak keberatan tinggalkan pesan ya!"
5 comments:
Wah susah amat...
yang lebih mudah ada gag? yang sekalian semua label
wah klo itu saya buat manual,
awalnya saya menginspect web lain,
sekarang sudah banyak widget buat efek seperti itu!
mungkin lain waktu saya kasih linknya buat widget itu!
tpi dengan cara diatas anda bisa memahami bagaimana membuat widget!
maaf sebelumnya! :D
Boleh nih artikelnya
mksh saran'y
ada cara laen sob?
Post a Comment