Senin, 07 November 2011

Cara Membuat Category Cloud Animasi Berputar

Membuat daftar cloud animation ini sebenernya ga susah, asal tau caranya.. (*yaiyalah dimana-mana juga gtu, hehehehe..)

Langsung saja
1. Login ke blog
2. Pilih Rancangan - Edit HTML - centang Expand Template Widget
3. Copy code ini



<b:widget id='Label50' locked='false' title='Category' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://h1.ripway.com/ozyw42/tagcloudcumulus-ozy.js' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://www.fileden.com/files/2009/11/17/2654961//DADorichalcos.swf&quot;, &quot;tagcloud&quot;, &quot;185&quot;, &quot;185&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;0x80ff00&quot;);
so.addVariable(&quot;hicolor&quot;, &quot;0xFFFFFF&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;125&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'/>
<script type='text/javascript'>document.write(unescape('%3C%63%65%6E%74%65%72%3E%3C%61%20%0A%68%72%65%66%3D%27%68%74%74%70%3A%2F%2F%6F%7A%79%2D%77%65%62%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%31%2F%30%35%2F%63%61%72%61%2D%6D%65%6D%62%75%61%74%2D%63%61%74%65%67%6F%72%79%2D%63%6C%6F%75%64%2D%61%6E%69%6D%61%73%69%2E%68%74%6D%6C%27%3E%4D%61%75%20%54%61%67%20%43%6C%6F%75%64%20%73%65%70%65%72%74%69%20%69%6E%69%3F%3C%2F%61%3E%3C%2F%63%65%6E%74%65%72%3E'));
</script>
</div>
</b:includable>
</b:widget>

4. Paste setelah kode tadi dibawah kode ini
<b:section class='sidebar' id='sidebar' preferred='yes'>
atau
<b:section class='sidebar' id='sisiatas' preferred='yes'>
5. Simpan template

Untuk keterangannya:

185 = Lebar Widget dalam px
185 = Tinggi Widget dalam px
#000000 = Warna Background (Hitam)
0x80ff00 = Warna Huruf
12 = Ukuran Font
0xFFFFFF = Warna Link

0 komentar:

Posting Komentar