Cara Membuat Tag Cloud Berputar Seperti Bola Dunia Di Blogger

Penulis adit

Kamis, 25 September 2014

Setelah nyari sana-sini akhirnya nemu juga tutorial cara membuat tag cloud berputar di blog, atau label berputar. Kamu bisa lihat hasil cara membuat label berputar pada blog punyaku ini.

CATATAN : Tidak semua template dapat mendukung untuk dikasih tag cloud. Dan sebelum kamu nyoba bikin label berputar, mending kamu download template punyamu dulu.

Berikut caranya:

1. Login ke blogspot
2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Templates Widget,
3. Cari kode : <b:section class='sidebar' id='sidebar' preferred='yes'>
( kalau mau lebih cepat nyarinya pakai F3 aja)
4. Lalu copy paste kode di bawah ini tepat berada di bawah kode tadi,

<b:widget id='Label99' locked='false' title='Tag Cloud BY SEO Indonesia' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "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>

5. Sebelum kamu save, alangkah baiknya kamu priview dulu, kalau dah berhasil , baru kamu save .

CATATAN
1. Warna Merah : Ganti untuk merubah ukuran tag cloud
2. Warna Hijau : Ganti untuk merubah warna background tag cloud
3. Warna Hitam : Ganti untuk merubah ukuran font
4. Tag Cloud akan berjalan apabila komputer sudah terinstal adobe flash player.

Sekian artikel mengenai Cara Membuat Tag Cloud Berputar Seperti Bola Dunia Di Blogger. Semoga artikel tersebut bermanfaat untuk Anda. Anda juga dapat menyebarluaskan atau mengcopy artikel Cara Membuat Tag Cloud Berputar Seperti Bola Dunia Di Blogger ini jika memang bermanfaat bagi Anda, namun jangan lupa untuk mencantumkan link sumbernya. Jika ada pertanyaan atau kritik dan saran silahkan tulis pada kotak komentar yang sudah disediakan, Terima Kasih.