Membuat Tag Cloud Animasi

بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

www.junioriqfar.com, Membuat Tag Cloud Animasi untuk Blogger. Apakah sobat tau tentang Tag Cloud Animasi? Apakah sobat ingin mempunyai Tag Cloud di blog sobat? Syaratnya sobat harus mempunyai label. Tiap posting harus berisi label yang dibagi berdasarkan kategori. Sekarang kita akan membahas bagaimana cara membuat Tag Cloud Animasi. OK, langsung saja menuju ke TKP.

Langkah-langkahnya

1. Masuk ke akun sobat
2. Klik Rancangan, Edit HTML
3. Jangan lupa centang Expand Widget Template
4. Cari kode ini dengan tombol F3

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

bila tidak menemukan kode di atas, silahkan cari kode yang ini

id='sidebar'

atau

id='sidebars'

5. Bila sudah ketemu, copy kode ini

<b:widget id='Label99' locked='false' title='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://dl.dropbox.com/u/22738692/TagCloud/SWFObject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/' target='_blank'>Roy Tanck</a> and Protected by <a href='http://www.junioriqfar.com/2011/02/tag-cloud-animasi-generator-untuk.html' target='_blank'>Junior Iqfar</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://dl.dropbox.com/u/22738692/TagCloud/TagCloud.swf", "tagcloud", "300", "150", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x000000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "<200");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='14'><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. Dan paste di bawah kode

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

atau

id='sidebar'

atau

id='sidebars'

7. Simpan template

Pada script di atas disetting sebagai berikut (lihat yang berwarna merah):
» Lebar widget : 300px
» Tinggi widget : 150px
» Warna latar : putih atau #ffffff
» Warna huruf : hitam atau 000000
» Kecepatan : 200
» Ukuran huruf : 14
Sobat dapat mengubah settingan tersebut disesuaikan dengan latar template dan lebar sidebar blog sobat. Misalnya mengubah warna latar menjadi hitam ditulis #000000 dan mengubah warna huruf menjadi putih ditulis 0xffffff (Untuk mengganti kode warna baca artikel ini).

Bila sobat blogger masih sulit untuk menggunakan tag cloud ini, silahkan sobat blogger mencoba tag clud generator.

ٱلۡحَمۡدُ لِلَّهِ رَبِّ ٱلۡعَـٰلَمِينَ

Artikel Terkait