Sunday 17 March 2013

Cara Membuat Daftar Isi Atau Tag Cloud Berputar Di Blog

Pada kesempatan kali ini saya akan posting tentang bagaimana cara membuat label tag clould berputar. Setelah cari-cari di Google akhirnya ketemu juga langsung saya share.
NB: Tidak semua template bisa mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikin label 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

Selamat mencoba semoga bermanfa'at

0 comments: