Menambahkan Tag Cloud Animasi Pada Sidebar Blog

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>

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...!!!

Penulis : Unknown ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Menambahkan Tag Cloud Animasi Pada Sidebar Blog ini dipublish oleh Unknown pada hari Senin, 10 Maret 2014. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Menambahkan Tag Cloud Animasi Pada Sidebar Blog