Sabtu, 02 April 2011

Cara Membuat Tag Cloud Comulus pada Blogspot

Tag Cloud Comulus ?
Apa sih Tag Cumulus itu? Tag Cumulus adalah sebuah fitur/widget yang fungsinya sama dengan Label, Categories, dan Tag.. bila di dekat kan cursor anda akan bergerak seperti awan tag tersebut
Untuk membuatnya cukup mudah. saya akan memberikan caranya :
1 Login Blogger
2 Masuk ke Layout –>> Edit HTML
3 Beri tanda centang pada Expand Template Widget
4 Kalau anda ingin membackup template anda sebaiknya backup terlebih dahulu
5 Cari code Seperti berikut:


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

Kalau bingung mencarinya dan tidak ketemu tekan bersamaan Crtl+F kemudian pastekan code tadi. Kalau tidak ada juga mungkin karena bawaan dari templates anda yang memamang tidak menyediakannya.
6. Kalau sudah ketemu copy code berikut dan letakkan tepat dibawah code diatas tadi



<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", "200", "200", "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", "130");
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>





Yang diedit ada pada bagian ini kak, supaya bisa disesuaikan dengan bentuk template blog kakak

Warna  : untuk lebar dari Tag Cloud
Warna Biru : adalah tinggi dari Tag Cloud
Warna Kuning : adalah background dari Tag Cloud, .
Warna Hijau : adalah Warna Text dari Tag Cloud, yang ini warnanya hitam,
Warna ... : adalah ukuran huruf dari Tag Cloud yang pakai 14px
Warna Orange : adalah kecepatan rotasi dari tag cloud, makin besar nilainya, makin keceng Tag Clodnya bergerak kak ihihihi jadi inget maenin globe siul

6. Pindahkan letaknya sesuai dengan keinginan kakak, jangan lupa klik Save Template. Misi selesai celebrate

Gampang kan kak? iya donkmenari Kalo udah disave, coba reload website kakak deh, Tag Cloud Cumulus ini bakal tampil secara otomatis pada tempat yang kakak ingin kan,
Reaksi: