Caranya cukup mudah namun ada beberapa catatan bahwasanya tidak semua template dapat mendukung untuk dikasih tag cloud.
Oleh karena itulah sebelum mencoba sebaiknya download dahulu template blog kita.
Langkah-langkah membuat cloud label sebagai berikut :
1. Login ke blogspot
2. Klik Design/Rancangan kemudian Edit HTML dan centang Expand Templates Widget
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>
4. Copy paste kode di bawah ini tepat berada di bawah kode tadi :
<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>
CATATAN :
1. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.
2. Kita dapat merubah ukuran, background tag cloud, serta ukuran huruf nya
Bagimana, rasanya tidak terlalu susah kan? selamat mencoba agar tampilan blog anda semakin keren.
No comments:
Post a Comment