Klik Donk ===>

Cara Membuat Tag Cloud Berputar Di Blog



Setelah cari-cari di Google akhirnya ketemu juga langsung saya share dech
Tidak semua template bisa mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikinlabel tag cloud berputar ini, kamu download template punyamu dulu biar agar terjadi kesalahan kamu tidak pusing ,
Caranya Adalah sebagai berikut:


Login ke Blogger
Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget, Cari kode :<b:section class='sidebar' id='sidebar' preferred='yes'> ( kalau kesulitan nyarinya pakai Ctrl + F aja)
Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi

<b:widget id='Label99' locked='false' title='Tag Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://anvity.googlecode.com/files/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.anvity.blogspot.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a> Distributed by <a href='http://www.anvity.blogspot.com'>Tifan Dwi Avianto</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/ruangsc/enes/tagcloud.swf", "tagcloud", "250", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
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>
Keterangan :ganti tulisan yang berwarna merah dengan keinginan anda
1.Lebar widget : 250px
2. Tinggi widget : 300px
3. Warna latar (background) : #ffffff (putih)
4. Warna huruf : 0x333333 (abu-abu)
5. Ukuran huruf : 12

Untuk menggunakan emoticon ini, COPAS kode ke kotak komentar.
:a: :b: :c: :d: :e: :f: :g: :h: :i:
:j: :k: :l: :m: :n: :o: :p: :q: :r:
:s: :t: :u: :v: :w: :x: :y: :z: :ab:

0komentar:

Posting Komentar

Harus Komentar!!