» » Cara Mudah Membuat Tag Cloud Berputar Di Blog

Cara Mudah Membuat Tag Cloud Berputar Di Blog

Di Terbitkan Ardana


Pada kesempatan kali ini saya akan posting tentang cara membuat label tag clould berputar di blog,
Setelah saya cari-cari di Google akhirnya ketemu juga artikel ini langsung saya share deh, Sebelum kamu nyoba bikin label tag cloud berputar ini, kamu download template punyamu dulu biar agar terjadi kesalahan kamu tidak pusing karena mencari kesalahannya,

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'>  supaya lebih cepat gunakan Ctrl + F.
  • Lalu copy paste kode di bawah ini tepat di bawah kode tadi

Lihat Code
<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 

Selamat mencoba dan semoga berhasil.
Diterbitkan Oleh : Lebihunik.com

ARTIKEL TERKAIT

Lebih Unik
Tips Blog
Labels: ,