Butuh waktu lama sampai saya menemukan tag cloud 3D ini, Dulu saya sampai pusing muter-muter cari cara untuk membuat tag cloud 3D yang bisa berputar-putar saat mouse kita arahkan ke kotak tersebut. Saya banyak menemukan artikel yang tidak bekerja (mungkin tutorialnya kadaluarsa). Tapi akhirnya saya menemukannya juga, dan sekarang saya ingin share buat sobat bloger sekalian yang masih penasaran dengan Tag cloud 3D ini.
Caranya sangat mudah:
Seperti biasa Buka Blogger Anda.
Pilih Design-->Page Elements
Pastikan Bahwa Anda telah membuat Tag Cloud(standart dari Blogger)seperti pada gambar ini.
Kalau Anda sudah pasang Tag Cloud Standart.
Tambahkan Gadget dengan cara klik Add a Gadget pada Page Elements
dan pilih Html/JavaSript
Copy Kode ini dibawah ini:
<center><h2 class="title">Label</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 <a href="http://nick-
christ77.blogspot.com/">Flash Player</a> 9 atau lebih.
<script type="text/javascript">
/*
Tag Cloud untuk Blogger Buatan nick-
christ77.blogspot.com
Email: nickshensa@gmail.com
*/
var flashvars = {
tcolor: "0x000000",
tcolor2: "0x000000",
hicolor: "0x000000",
tspeed: "50",
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: 12pt;'>"+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", "245", "245", "9",
"expressInstall.swf", flashvars, params);</script></div>
<span style="color: red; font-family: "Trebuchet
MS",sans-serif; font-size: xx-
small;"><u><b></b></u></span><div style="color: red;
font-family: "Trebuchet MS",sans-serif;">
<span style="font-size: xx-small;"><u><b>Widget by: <a
href="http://nick-christ77.blogspot.com/">nick-
christ77.blogspot.com.com</a></b></u></span></div>
</div></center>
Letakkan gadget yang telah berisi kode diatas tepat dibawah gadget Element Category/Label yg kamu pasang sebelumnya.
Dan kemudian......apa yang terjadi....?????
♫♪...Tada...♪♫........View Your Blog......
selamat mencoba ........
No comments:
Post a Comment