Membuat Tag Cloud ( Label Animasi ) Versi 2

Dulu Saya pernah memberikan tutorial mengenai cara Membuat Tag Cloud ( Label Animasi ), tapi ternyata scriptnya udah gak bisa dipake. Maka dalam kesempatan kali ini Saya akan memberikan Tutorial Membuat Tag Cloud Versi 2.. gak usah berlama-lama deh...hehe


begini caranya :

1. login blogger > rancangan > pilih tambah gadget setelah itu pilih HTML/Java Script
2. copy kode dibawah ini :


<div align="center">
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js'
type='text/javascript'></script>
<div id='flashcontent'>pendiari</div>
<script type='text/javascript'>
var so = new
SWFObject('http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf', 'tagcloud',
'180', '220', '7', '#343664');
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0xfbfe01");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "200");
so.addVariable("hicolor", "0xffffff");
so.addVariable("tagcloud", "<tags><a href='URL Label1' color='0xcab000' style='14'>Judul Label</a><a href='URL Label2' color='0xff0000' style='12'>Judul Label</a><a href='URL Label3' color='0x00ff0c' style='14'>Judul Label</a><a href='URL Label4' color='0x00f0ff' style='18'>Judul Label</a><a href='URL Label5' color='0xf6ff00' style='14'>Judul Label</a><a href='URL Label6' color='0xf0a8ff' style='16'>Judul Label</a><a href='URL Label7' color='0xae00ff' style='14'>Judul Label</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script><br />
</div>

keterangan :

- 180 = lebar tag cloud

- 220 = tinggi tag cloud

- 200 = kecepatan dari tag cloud

- URL Label =  ganti dengan URL Label kamu

- Judul Label = ganti dengan judul label kamu

jika berhasil maka tampilannya seperti ini :

pendiari

Written by: Pendi Ari Wibowo

Pendiari | Artikel Islam, Blog Dan Motivasi Updated at: 1/15/2011

Posted by Pendi AW on Sabtu, 15 Januari 2011 - Rating: 5

Title : Membuat Tag Cloud ( Label Animasi ) Versi 2
Description : Dulu Saya pernah memberikan tutorial mengenai cara Membuat Tag Cloud ( Label Animasi ) , tapi ternyata scriptnya udah gak bisa dipake. Ma...

Bagikan Ke

Facebook Google+ Twitter