membuat tag cload

 cara buat tag cloud (tag berputar)

Mungkin ada diantara teman yang masih pemula yang senang menghias blog dengan membuat atau menambah tag (label) yang berputar ketika pointer mouse diarahkan ke tag atau label tersebut.



Biasanya tag cloud ditempatkan di sidebar blog. Anda bisa menambahkan script ke template anda untuk bisa menampilkan tag (label) cloud tersebut di sidebar.
pertama2 loe masuk ke edit HTML yang ada di tata letak (oia ini khusus template baru lho bukan klasik), lalu cek list expand widget yang ada di template.....oia ada baiknya loe backup dulu template yang loe punya guna menghindari kesalahan dalam edit, lanjut ya.........
setelah loe expand loe cari kode
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>
atau kode
<b:section class='sidebar-box' id='sidebar2' preferred='yes'>

setelah ketemu loe copy kode di bawah ini persis di bawah kode diatas
<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://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

simpan deh template loe, n liat hasilnya.........
oia catatan neh, klo tampilan warna dan lebar label ga sesuai dg keinginan loe, bisa di rubah koq,
gw kasih tau deh caranya........untuk ngerubah lebar dan tinggi label loe cari kode &quot;240&quot;, &quot;300&quot
loe cukup rubah nilainya aja (yang tulisan merah), nah klo mau rubah warna backgroundnya loe tinggal cari kode &quot;#ffffff&quot;); (standar nya sih warna putih------>ffffff)
lalu klo untuk rubah warna tulisannya loe cari kode &quot;0x333333&quot;);

atau untuk tag cloud seperti bola berputar putar

<b:widget id='Label88' 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://www.roytanck.com/'>Roy Tanck</a> </div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "200", "200", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xD00CD2");
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>