Kumpulan Tips &Triks

Tag Cloud Comulus ? Pasti anda bertanya apa itu . . .

terus terang saya juga tidak tahu betul apa arti dari tag Cloud tapi bila diartikan satu persatu tag artinya label cloud artinya awan jadi bila di gabungkan artinya adalah label awan,kalau betul syukur, kalau salah jangan di protes, kira-kira bentuknya Seperti gambar di samping dan dapat bergerak-gerak jika mouse anda dekatkan:

lebih detailnya coba anda lihat pada kanan bawah blog saya


Untuk membuatnya cukup gampang,langsung saja

1 Login Blogger

2 Masuk ke Tata letak >> 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 nyarinya nggak ketemu tekan bersamaan Crtl+F kemudian pastekan code tadi. Kalau gak 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: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://dhedie-tips-triks.blogspot.com'>Dhedy | Tips & Triks</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", "240", "300", "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>


Keterangan :

# Width = 240px

# Height = 300px

# Background = #ffffff white

# Warna text = 0x333333 (gray)

# Ukuran Huruf = 12


6 Mengedit tag comulus :

var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


Ket: Yang berwarna merah (240) itu adalah lebar dari tag cloud. Yang berwarna biru (300) adalah tinggi dari tag columus. Yang berwarna kuning (#ffffff) adalah warna background anda bisa mengganti semuanya sesuai keinginan anda.


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>");


Yang Becetak tebal (12) ukuran dari font, bisa anda ganti sesuai keinginan anda.

7 Jika semua sudah diatur sesuai keinginan, Simpan template

8 Selesai