Sabtu, 25 Oktober 2008

Membuat Label Tag Cloud 3d

ada temen blogger yang nanyain cara buat tag cloud, so mungkin ini bisa membantu.......
label tag cloud 3D, merupakan label yang berputar2 yang bisa mempercantik blog kita, selain bisa berputar2 seperti globe, label tag juga bisa di jadikan seperti link, langsung aja ya kita bahas, daripada bertele2 ngebahasnya, karena gw ga bisa ngarang
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;);
klo mau cari kode2 warna, tinggal cari aja di ineternet, kan banyak.......

4 komentar:

j-R bOyZ mengatakan...

gi mana kalo code yang di cari g' ada, aq harus gimana ,code-code itu harus aq taruh mana?

unlabelpro mengatakan...

thanks buat tipsnya....
gw dah bisa tampilin tag cloud di blog gw

Unknown mengatakan...

thx ya bos..praktekkan dlu^^

Anonim mengatakan...

mas kalo kita pake cloundnya buat link site orang laoin gimana ?

Template by : Kendhin x-template.blogspot.com