Welcome To My Blog Software And Tips Blog | Free Download Sofware, Tips And Trik Serta Artikel Menarik Lainnya. ==> 'Copas jika perlu' ==> Don't forget to leave your footproof and thank you for visiting,,, "I hope your day more beautiful than ever"

30 April 2011

Cara mudah Pasang Tag Cloud 3D pada blog

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: &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://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 ........

Bookmark and Share

↓↓Baca Juga Artikel Terkait Lainnya↓↓

Loading

0 komentar:

Post a Comment

 
Photography Templates | Slideshow Software
Related Posts Plugin for WordPress, Blogger...