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.