Thursday, June 26, 2014

Cara membuat tag cloud berputar di blog

Apa kabar gan ?  yah sekian lama ane tidak posting di karenakan sibuk dengan urusan dunia nyata , kesempatan kali ini ane akan posting tentang Cara membuat tag cloud berputar di blog.


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

0 comments:

Post a Comment

 
Copyright © . Tips dan Trick Blog - Posts · Comments
Theme Template by BTDesigner · Powered by Blogger
document.getElementById(domId).insertBefore(document.getElementById('emoticon-kaskus'), null);