Cara mudah Membuat Tag Cloud 3D untuk Blogger ( BARU / New Version !!! )

Selamat Datang di Weblog saya,Situs Web IchsanX

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.ichsanx.blogspot.com/">Flash Player</a> 9 atau lebih.

<script type="text/javascript">

/*

Tag Cloud untuk Blogger Buatan IchsanX.Blogspot.com

Email: ichsan.saputra@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: 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.ichsanx.blogspot.com/">ichsanx.blogspot.com</a></b></u></span></div>

</div></center>

Letakkan kode diatas tepat dibawah Element Category/Label yg kamu pasang sebelumnya

Dan Lihatlah hasilnya..

Saya akan Update jika terjadi kerusakan pada Script.

Artikel Terkait:

Blogger

• Cara Copy Paste Artikel Yang tidak bisa di Copy di Sebuah Blog ataupun Website
• Kenapa Blogspot.com berubah menjadi .co.id ‐ apa penyebabnya dan bagaimana mengatasinya?
• Cara Membuat Slideshow Pada Blogger
• Cara membuat chat box di blog & macam-macam chat box
• Cara Membuat Chat Box di Blogger
• Cara memasang radio online di blog
• CARA MEMBUAT RADIO STREAMING
• Membangun Radio Internet dengan Listen2MyRadio.Com
• Membangun Sendiri Radio Internet
• Radio Online
• Tampilan Baru Dasbor Blogger.com
• Membuat Label untuk Artikel Miniatur Hover
• Menambah Button Send ke Facebook
• Laporan berita sekilas dari w3spy.net
• Pengaturan Ukuran pada Kolom Komentar dan Postingan Lebih Fleksibel
• Membuat Web Hosting di Google Sites
• Google Code - Cara Membuat File Hosting di Google Code
• Tips Mendapatkan Banyak Follower di Twitter
• Membuat Artikel Terkait dengan Disertai Thumbnails
• Cara Merubah Blogger.com atau Draft.blogger.com Sebagai Default Dasbor Blogspot Anda
• Cara Memasang Widget SMS Gratis pada Blogger Blogspot
• Favicon Fitur Baru dari Blogger
• Menambahkan Gadget di Header
• Cara Membuat Menu dan Iklan Floating Bottom - Trik Menu dan Iklan Selalu ada di Layar
• Cara Membuat Iklan Melayang - Agar Iklan Tampil Setiap Halaman Blog Dikunjungi