Jika anda tertarik untuk membuatnya , silahkan ikuti langkah berikut ini :
1. Login ke akun Blogger anda
2. Pilih Template
3. Pilih Edit HTML
4. Centang Expand Template Widget
5. Tekan tombol Ctrl+F
6. Cari kode berikut :
<b:section class='sidebar' id='sidebar' preferred='yes'>
7. Masukkan script dibawah ini tepat dibawah kode tersebut
<b:widget id='Label99' locked='false' title='Label Tag Cloud' 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/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'><a href='http://dhecun.blogspot.com/2012/12/membuat-label-tag-cloud-animasi-pada.html'><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "240", "240", "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>
<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/ruangsc/enes/swfobject.js' type='text/javascript'/>
<div id='flashcontent'><a href='http://dhecun.blogspot.com/2012/12/membuat-label-tag-cloud-animasi-pada.html'><span style="font-size: xx-small;">[ Widget by Dhecun Blog ]</span></a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "240", "240", "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>
8. Lakukan Pratinjau , jika sudah OK , klik simpan template
Keterangan :
Pada script di atas sudah di setting sebagai berikut (lihat tulisan warna merah) :
- Lebar widget : 240px
- Tinggi widget : 240px
- Warna latar : putih atau #ffffff
- Warna huruf : abu gelap atau 0x333333
- Ukuran huruf : 12
Anda dapat mengubah settingan tersebut disesuaikan dengan latar template dan lebar sidebar blog anda.
Misalnya mengubah warna latar menjadi hitam ditulis #000000 dan mengubah warna huruf menjadi putih ditulis 0xffffff
(mengenai kode warna silahkan baca artikel ini).
Semoga bermanfaat...!!!
.gif)
