Membuat Tag Cloud Comulus Pada Blog

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.
kalau ingin tahu bentuknya, lihat di sebelah kanan blog saya, di situ ada gambar kategori yang bisa bergerak-gerak. nah kita mulai aja ya sobat!!!

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: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 = 0x333333 (gray)

dan lihat hasilnya dech

Tidak ada komentar:

Posting Komentar