0o+==o[Blog Oktri]=o0o==+=

Sabtu,20Februari

Home » Tips Blogger » Cara Membuat Tag Cloud Comulus pada Blogspot

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