Membuat Tag Cloud Comulus pada Blogspot

Jumat, 17 Desember 2010




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
Contohnya kayak gambar di atas bagi yang ingin mencoba silakan ikuti langkah-langkahnya di bawah ini ....

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'> 
 
agar lebih cepat dalam mencari code di atas silakan klik Ctrl+F.
jika code di atas tidak ada berarti template anda tidak menyediakan wiget seperti di atas.
6. kalau udah ketemu masukin code di bawah ini tepat di bawahnya code di atas.
<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>

NB :
> Width = 240px
> Height = 300px
>Background = #ffffff white
>Warna text = 0×333333 (gray)
>Ukuran Huruf = 12

selamat mencoba

0 komentar:

Posting Komentar