Saturday, October 8, 2011

Cara atau Trick Membuat Label Cloud Berputar


Kali ini Gue Mau Buat Trick Membuat Label Cloud Berputar, langsung aja ya. Gue Lagi Malas Basa-Basi, hehehe...

Pertama...
buat Gadget label dengan nama Label Cloud 
trus di buka edit html, jangan lupa centang Expand Templete Widget, carikan dengan ctrl+f   dengan keyword Label Cloud tadi yang penting ada kata Label Cloud tadi, ini hasil contoh label yg sudah dibuat 

<b:widget id='Label2' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
Setelah Ketemu Ganti atau Replace Semua Kode diatas dengan Kode di bawah ini, 

<b:widget id='Label99' locked='false' title='Cloud 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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/> 
<div id='flashcontent'>Blogumulus by <a href='http://www.ainisastra.blogspot.com/'>Sastra Blog</a> and <a href='http://www.ainisastra.blogspot.com'>Sastra Blog</a></div> 
<script type='text/javascript'> 
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "180", "200", "7", "#D0F5A9"); 
// uncomment next line to enable transparency 
//so.addParam("wmode", "transparent"); 
so.addVariable("tcolor", "transparant"); 
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>
Teks yang berwarna merah adalah untuk merubah Ukuran Label Cloud Sesuai yg diinginkan
Teks yang berwarna Hijau adalah untuk Gambar Latar , kode warna bisa di lihat disini 
Teks yang berwarna Pink itu Nomor Code Html, untuk mencegah Code Gadget yang lain  yang bisa sama. makanya di buat manjadi Label99
NB: Ingan Code script terakhir seperti </b:widget> , itu harus di replace sampai Code itu juga, tapi jangan kelewatan sampai Mereplace Code Gadget yang lain, biasanya code Gadget yang lain di awali dengan code Script <b:widget id , Contohnya Code Script awal label Cloud di atas dan pasti akan di akhiri dengan code </b:widget> .
Keduanya mana Ko Cuma Perama aja Tricknya( Kan Gue Udah Bilang, Gue Lagi Malas Bua Basa-Basi) hohoho
Sekian Dulu Trick Dari Saya Buat Sobat, Semoga Berhasil, Jika Ada yang ditanyakan Silahkan tanggalkan Komentar. Sebisa Mungkin saya jawab..

0 comments:

Post a Comment