Cara atau Trick Membuat Label Cloud Berputar

- Reviewer: Aini Sastra - ItemReviewed: Cara atau Trick Membuat Label Cloud Berputar

10 Views

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..

 

 

==== NB = UNTUK SCRIPT DIATAS WARNA HURUF TDK DPT DIUBAH =====

=== UNTUK MENGUBAHNYA SILAHKAN SESUAIKAN SCRIPT ===

==== DI BAWAH INI ====

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='tag' 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/jetzblogs/tag-cloud/jetztagcloud.js' type='text/javascript'/>
<div id='flashcontent'/>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.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'>
</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 templat anda, dan lihat hasilnya.........


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

Nah SELAMAT MENCOBA

sumber