Entri Populer

Buat Tag Cloud Animasi Keren Untuk Blogger




Tag cloud merupakan kumpulan dari daftar label suatu blog. Sekarang saya mau berbagi kepada anda tentang cara memasang tag cloud Animasi pada widget blog anda. Anda bisa melihat contohnya pada sidebar sebelah kanan blog ini, atau anda bisa lihat demonya di bawah ini.



  • Ok,,Untuk memasangnya ikuti langkah berikut:
  • Login ke akun blogger anda.
  • Klik "Rancangan" --> "Edit HTML".
  • Centang "Expand Template Widget"
  • Kemudian cari kode berikut:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Lalu Copy Paste kode di bawah ini tepat di bawah kode di 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://bloggerhosting.appspot.com/serve/dualtranz.googlepages.com/swfobject.js' type='text/javascript'></script>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://www.swfcabin.com/swf-files/1265483417.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
 so.addVariable(&quot;hicolor&quot;, &quot;0xFFFFFF&quot;);
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>
</div>
</b:includable>
</b:widget>

Keterangan:
Kode yang berwarna merah adalah Lebar dan tinggi kolom Cloud. (anda bisa merubahnya sesuai dengan widget blog anda.
Kode yang berwarna biru adalah Background .
Kode yang berwarna pink adalah warna Teks.
Kode yang berwarnaHijau adalah warna link

Silahkan simpan template anda, dan lihat hasilnya.


Sumber : http://www.infojadul.info/2012/03/buat-tag-cloud-animasi-keren-untuk.html#ixzz1uYOY1P9u

Ditulis Oleh : Dedia Compas ~ Deskripsi Blog Anda

Artikel Buat Tag Cloud Animasi Keren Untuk Blogger ini diposting oleh Dedia Compas pada hari . Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

:: Get this widget ! ::

Reply

Poskan Komentar

Silahkan Tinggalkan Komentar Anda Disini, Komentar Anda Sangat Berarti Bagi Kami. Jangan Lupa Memakai Sopan Santun :D

Blogger Widgets