Our social:

Adventure | Traveler | Challenge | Lifestyle

Tuesday, September 29, 2009

Cara Membuat Label Cloud Animasi

,Ada permintaan dari teman blogger(sayang seluler) bagaimanakah cara membuat label cloud sperti punya saya ini, nah postingan ini saya buat spesial buat teman saya ini(sayangseluler.blogspot.com) dan juga buat temen-temen dunia maya seluruh dunia.

Langkah-langkahnya:
1. Sign in ke blogger
2. Terus cari Lay Out, kemudian Edit HTML, centang expand widget nya.
3. Kemudian cari kode di bawah ini:

<b:section class='sidebar' id='sidebar' preferred='yes'>

kemudian copy kode dibawah ini, tepat dibawah kode di atas:

<b:widget id='Label129' 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://www.geocities.com/rum_marewa/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.marewa.info'>marewa</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;180&quot;, &quot;100&quot;, &quot;7&quot;, &quot;#000000&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0xfffffff&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='24'><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>

4. Save Template


Note:

* Untuk merubah ukuran tinggi, lebar dan warna backround ((..)):

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "((180))", "((100))", "7", "((#000000))");

* Untuk merubah Warna font ((..)):

so.addVariable(&quot;tcolor&quot;, &quot;((0xfffffff))&quot;);


* Untuk Ukuran font((...)):

alues='data:labels' var='label'><a expr:href='data:label.url' ((style='24'))><data:label.name/></a></b:loop></tags>&quot;);

Ok semoga bermanfaat..

1 comment:

Anyone can give the idea, information or question
Dont Be Shy.....