KITCHEN KING Headline Animator

Sabtu, 09 November 2013

Cara Membuat Category Cloud Animasi Berputar

Cara Membuat Category Cloud Animasi Berputar ini sebenarnya udah banyak yang nanya tapi baru sempat posting (dihari cuti mendadak ini, hehehe), jadi mohon maaf ya karna selalu telat dalam memposting tips n trik yang sudah sobat blogger request. owh ya, jika ada sobat blogger yang ingin request bisa request via : Ym atau Fb ataupun di kotak komentar di bawah.

Langkah-langkah pemasangan~nya :
  1. Masuk Ke Dasbor Blogger
  2. Rancangan
  3. Edit HTML
  4. Beri tanda centang pada Expand Template Widget
  5. Copy Code berikut :
<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~kan kode tadi dibawah kode :
<b:section class='sidebar' id='sidebar' preferred='yes'>
                                    atau
<b:section class='sidebar' id='sisiatas' preferred='yes'>
     5. Save

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

.:Selamat Mencoba:.

Tidak ada komentar:

Posting Komentar