Cara Membuat Tag Cloug di Blogger

Setelah kemarin saya memposting fungsi Tag Cloud Sekarang saya akan memberi tahu anda cara memasang tag cloud di Blogger.

Untuk memasang widget ini pada template blogger sangatlah mudah. Anda tinggal mengikuti langkah-langkah berikut:

1. Login kedalam blogger dengan user id anda.

2. Masuk ke Dashboard Layout>Edit HTML dan klik Expand Template Widget

3. Jangan lupa untuk selalu mem-backup template anda sebelum memodifikasinya.

4. Cari kode dibawah ini


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



5. Kemudian copy dan paste kan kode di bawah ini tepat di bawah kode di atas.


<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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>



6. Kemudian save tempalte, Selesai

Keterangan :
* Width = 240px
* Height = 300px
* Background = white
* Warna text = grey
* Ukuran Huruf = 12