Membuat Label Berputar Di Blog
Tabel berputar (tag Cloud)
biasanya ditempatkan pada sidebar blog, untuk mengelompokan postingan menurut
kategori, tag ini dapat berputar ketika poiner mouse bergerak masuk ke
dalam label.
Caranya
mudah, langsung aja masuk ke Blogger >> Rancangan >> Edit HTML
(centang expand template widget) cari kode di bawah ini :
<b:section
class=’sidebar’ id=’sidebar’ preferred=’yes’>
Kalo
ga ada, biasanya yang pake blogger designer cari code di bawah ini :
<b:section-contents
id=’sidebar-right-1’>
Lalu
masukkan 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. Kalau 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 dan Selamat mencoba !
Komentar
Posting Komentar