Pasti semua sudah pada tahu dengan Label Cloud, soalx itu kan 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. (Masak gak login dloe wkwkwkwkwk)
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 (Soalx gak yakin sukses nich, khan sama2 belajar hahaha)
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", "0x
FFFFFF");
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>
================================================================
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...
Print this page