Cara Membuat Tag Cloud atau Label Animasi - Internet Beritaku

Rabu, 10 Agustus 2011

Cara Membuat Tag Cloud atau Label Animasi

Sobat tau kan label yang ada diblog, hampir mirip dengan kategori .... yang memudahkan kita mencari artikel-artikel,,,,,tapi yang satu ini adalah label animasi yang akan kita buat sehingga blog kita lebih keren....nga kaku gitu ....kwkwkwkwkw.........Jika pengen membuat tag cloud-Nya langsung saja ikuti langkah-lagkah berikut :tagcloudilmu27.JPG

  • Masuk Ke akun blogger > Rancangan > Elemen Laman > tambah gadget
  • Pilih HTML/Java Script dengan mengklik tanda (+)


labelilmu27.JPG

  • Masukkan script dibawah ini atau langsung saja di copy paste :

<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://www.swfcabin.com/swf-files/1275932799.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 Label1</a><a href='URL Label2' color='0xff0000' style='12'>Judul Label2</a><a href='URL Label3' color='0x00ff0c' style='14'>Judul Label3</a><a href='URL Label4' color='0x00f0ff' style='18'>Judul Label4</a><a href='URL Label5' color='0xf6ff00' style='14'>Judul Label5</a><a href='URL Label6' color='0xf0a8ff' style='16'>Judul Label7</a><a href='URL Label7' color='0xae00ff' style='14'>Judul Label7</a></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script><br />
</div>

Catatan :


  • 180 = Width (lebal tag cloud)

  • 220 = Heigth (tinggi tag cloud)
  • 200 = Speed (kecepatan memutar)
  • 'URL Label = Ganti dengan URL label sobat
  • Judul Label = Judul Label tersebut




Di Save aja Html/java scriptnya sobat ....semoga bermanfaat.....

Comments

2 komentar

okey,lw dikopas keseluruhan disertakan sumbernya yah mas...thnkssss kujungannya.....


EmoticonEmoticon