Selasa, 07 Februari 2012

Membuat Label Cloud Berputar (Animated/Animasi)

Buat Sahabat Masih Ingin Belajar yang suka yang keren-keren inilah saatnya kita membahas cara Membuat Label Cloud Berputar (Animated/Animasi) yang sangat memukau mata para pengliahatnya dan bukan hanya itu, ini juga menjadikan blog kita lebih interaktif dan keren tentunya, kalo kita menilai fungsi atau kegunaannya sama saja dengan yang biasanya kita gunakan, oklah langsung saja kita ke langkah -langkahnya, silahkan Anda bisa ikuti di seperti di bawah ini ;

1. Login Ke Blogger.com
2. Klik Rancangan
3. Klik Edit HTML
4. Centang check box Expand Widgets Template
5. Untuk jaga-jaga bilamana terjadi kegagalan klik Download Template Lengkap
6. Tekan F3/Ctrl+F dan cari kode
<b:section class='sidebar' id='sidebar' preferred='yes'>
7. Copy paste kode di bawah ini dan tempatkan Setelah kode si atas

<b:widget id='Label99' 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://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&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='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'/>
</div>
</b:includable>
</b:widget>

8. Simpan Template
9. Lalu edit gadget nya seperti pada gambar



10 . Klik Simpan dan lihat perubahannya,
selamat mencoba, semoga berhasil...

1 komentar:

  1. Gan apabila tidak di temukan code yang anda sebutkan diatas!untuk alternatifnya gimana ya gan?

    BalasHapus

Jangan lakukan spam pada komentar dan bila anda ingin beriklan gratis atau hanya sekedar membuat backlink anda bisa melakukannya di beriklanbersama.blogspot.com dan hanya dengan sekali pasang maka akan terpasang di 10 website.