tag cloud / label berputar |
CATATAN : Tidak semua template dapat mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikin label berputar, mending kamu download template punyamu dulu.
Okey...mari belajar bersama blog "CARAPADA", langkah-langkahnya :
1. Login ke blogspot,
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau mau lebih cepat nyarinya pakai F3 aja.
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,
Cara Membuat Label Cloud Berputar di blog
==================================================2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau mau lebih cepat nyarinya pakai F3 aja.
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,
Cara Membuat Label Cloud Berputar di blog
<b:widget id='Label99' locked='false' title='Tag Cloud Comulus 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>
Cara Membuat Label Cloud Berputar di blog
5. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save . CATATAN
1. Warna Merah : Ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Ganti untuk merubah warna background tag cloud
3. Warna Kuning : Ganti untuk merubah ukuran font
4. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
Bagimana, apakah ingin nyoba cara bikin label berputar biar blog kelihatan keren ...?
Selamat mencoba....aja yach ...