Sunday, January 23, 2011

Buat Labels/Tag Cloud 3D untuk Blogger

Yang dimaksud Label Melayang / Tag Cloud 3D adalah Label atau kategori yang bisa berputar dengan kata lain animasi, biasanya Tag Cloud ini cuma ada di Wordpress tapi script ini bisa kita pakai pada blogger, kalau biasa mempercantik blog, Tag Cloud 3D ini cocok dipasang pada blog Anda,




Langka membuatnya sebagai berikut :
  1. Login di blogger dengan ID Anda
  2. Pilih Rancangan
  3. Pastikan Elemen tabel blog Anda pada posisi tampilan Cloud
  4. Tambah Gadget pada elemen Laman, pilih HTML/JavaScript
  5. Masukkan script dibawah ini, trus klik Simpan,

 
<left><h2 class="title">Labels</h2>
<div class="widget-content">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<div id="wpcumuluscontent5733682">Flash tag cloud requires
<script type="text/javascript">
var flashvars = {
tcolor: "0x000000",
tcolor2: "0x000000",
hicolor: "0x000000",
tspeed: "80",
distr: "true",
mode: "tags"
};
var params = {
allowScriptAccess: "always"
};
params.wmode = "transparent";
x = document.getElementById("Label1").getElementsByTagName("a");
trans = document.getElementById("Label1").style.display="none";
var tagcloud;
var url = "http://" + document.domain + "/search/label/";
for (var i = 0; i < x.length - 1; i++)
{
tagcloud = tagcloud + "<a href='"+encodeURIComponent(url + encodeURIComponent(x[i].innerHTML))+"' class='tag-link-24' title='15 topics' style='font-size: 20pt;'>"+x[i].innerHTML+"</a>";
}
flashvars.tagcloud = "<tags>"+tagcloud+"</tags>";
swfobject.embedSWF("http://www.taiphanmem.org/wp-content/plugins/wp-cumulus/tagcloud.swf?r=2520752", "wpcumuluscontent5733682", "210", "100", "9", "expressInstall.swf", flashvars, params);</script></div></div></left>
 

 
Warna hijau adalah untuk pengaturan besarnya teks, lebar dan tinggi elemen
Selanjutnya letakkan elemen tersebut persis di bawah elemen Tabel.
Simpan perubahan
Lihat blog
Selesai, Kalau anda tertarik? silahkan dicoba.

 

3 comments:

Anonymous said...

biasanya Tag Cloud ini cuma ada di Wordpress tapi script ini bisa kita pakai pada blogger, kalau biasa mempercantik blog, Tag Cloud 3D ini cocok dipasang pada blog Anda,

KolBuntet said...

biasanya Tag Cloud ini cuma ada di Wordpress tapi script ini bisa kita pakai pada blogger, kalau biasa mempercantik blog, Tag Cloud 3D ini cocok dipasang pada blog Anda,

Ardianta said...

kok tidak bisa berjalan di blog ane

Post a Comment

 
© 2011 Graphic Science | Powered by Blogger