Membuat Tag Cloud 3D untuk Blogger (BARU!! nggak bohong!)

Selamat Datang di Weblog saya,www.agielweb.info

Dulu saya sampai pusing muter-muter cari cara untuk membuat Tag Cloud yang seperti Wordpress.3D yang bisa berputar-putar.kelihatan menarik jika dipandang.

heuheu,namun saya banyak menemukan artikel yang tidak bekerja (mungkin tutorialnya kadaluarsa)heuheu..

jadi saya coba buka Plugin WP Culumus.

dan cari perbedaan antara WP dan BLOGGER.(padahal pengen cari yang ringkes)heuheu..

Dan Alhamdulillah saya coba-coba berhasil juga..hehe.

Artikel ini saya buat untuk Anda yang hampir putus asa mencari cara membuat Tag Cloud 3D.

heuheu..

Langsung saya ya...tanpa basa-basi.

Buka Blogger Anda.

Pilih Design-->Page Elements

Pastikan Bahwa Anda telah membuat Tag Cloud(standart dari Blogger)seperti pada gambar.

Kalau Anda sudah pasang Tag Cloud Standart.

Tambahkan Gadget dengan cara klik Add a Gadget pada Page Elements

dan pilih Html/JavaSript

Sudah??

Masukan Kode ini

<center><h2 class="title">Tag Cloud</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://www.agielweb.info/">Flash Player</a> 9 atau lebih.

<script type="text/javascript">

/*

Tag Cloud untuk Blogger Buatan Agielweb.info

Email: agil@myself.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: 8pt;'>"+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: &quot;Trebuchet MS&quot;,sans-serif; font-size: xx-small;"><u><b></b></u></span><div style="color: red; font-family: &quot;Trebuchet MS&quot;,sans-serif;">

<span style="font-size: xx-small;"><u><b>Widget by: <a href="http://www.agielweb.info/">AgielWeb.info</a></b></u></span></div>

</div></center>

Dan Lihatlah hasilnya..

Saya akan Update jika terjadi kerusakan pada Script.

Update:

Letakkan kode diatas tepat dibawah Element Category/Label

Lihat Gambar

Edit Categories Seperti yang terlihat di gambar dibawah ini

Klik Kanan "Open in New tab" untuk memperbesar

Donasi Anda akan sangat berharga untuk Kami

ATAU di
LibertyReserve
U2815283