Membuat Label Berputar Di Blog
Tabel berputar biasanya ditempatkan pada sidebar blog, untuk mengelompokan postingan menurut kategori, nah tag ini dapat berputar ketika poiner mouse bergerak masuk ke dalam label, contohnyaseperti yang ada di blob saya ini...
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 :
Lalu masukkan kode berikut di bawahnya
<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