MEMBUAT LABEL CLOUD BLOG

 

Pasti semua sudah pada tahu dengan Label Cloud, soalx itu khan udah banyak di tulis oleh sobat-sobat blogger termasuk blog tips dan trik. Tetapi disini saya hanya ingin membagikan cara untuk membuat Label Cloud tersebut.... Kita khan disini sama-sama belajar, jadi tidak ada salahnya untuk kita saling berbagi ilmu. Jadi kalau semua temen-temen punya ide atau ilmu jangan lupa untuk berbagi dengan saya yo.. maklum masih newbie ne..... So, langsung aja wez Berikut langkah-langkahnya :

1. Yang pasti mesti masuk kedalam account blogger.

2. Setelah login, pilih menu layout, lalu edit HTML.

3. So, jangan lupa untuk mencontreng Expland Template Widgets .

4. Demi keamanan dari kesalahan pada saat pengeditan, sangat disaran kan untuk medownload tmplate dahulu di Download Full Template

5. Cari kode dibawah ini, Untuk mempercepat pencarian gunakan CTRL+F
<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Setelah ketemu kode tersebut diatas, lalu masukkan kode ini tepat di bawahnya :


<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>
<center><div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so=new SWFObject ("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "250", "150", "7", "#000000");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xFFFFFF");
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='16'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div></center>
</b:includable>
</b:widget>

Perhatian:

Bagian yang perlu diedit agar sesuai dengan tampilan blog kita adalah:
Warna Biru ("250") = Lebar kolom Label Tag cloud
Warna Merah ("150") = Tinggi kolom Label Tag cloud
Warna Unggu ("#000000") = Warna Backgroung Label Tag cloud
Warna Kuning (FFFFFF) = Warna tulisan pada Label Tag cloud
Warna Hijau ("16") = Ukuran tulisan pada Label Tag cloud

7. Terakhir Save Template anda.
Selamat mencoba dan semoga berhasil... Amin Allahumma Amiieeennn...