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://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 = 0×333333 (gray)
# Ukuran Huruf = 12
  • Selamat Mencoba