Saturday, March 5, 2011

Membuat Label Berputar Di Blog

Tabel berputar (tag Cloud) biasanya ditempatkan pada sidebar blog, untuk mengelompokan postingan menurut kategori, nah tag ini dapat berputar ketika poiner mouse bergerak masuk ke dalam label, contohnya :



Nah langsuna aja, Masuk ke Blogger >> Rancangan >> Edit HTML (centang expand template widget) cari kode

<b:section class='sidebar' id='sidebar' preferred='yes'>

Kalo ga ada (biasanya yang pake blogger designer cari code

<b:section-contents id='sidebar-right-1'>

Lalu masukan kode berikut di bawahnya

<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:widget>

Simpan template,

Catatan :

1. Kalo sebelumnya memasang tag text hapus salah satu jika ada dua, dan jika ada satu ubah tag ke bentuk cloud
2. silahkan edit warna (#ffffff) dan luasnya ("240", "300") dll

Semoga membantu

0 comments:

Post a Comment

Thank you for reading ^_^