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 :
7. Masukkan script dibawah ini tepat dibawah kode tersebut
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...!!!
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...!!!