Wednesday, July 27, 2011

Membuat Tag Cloud 3D


Selamat berjumpa sobat sekalian diseluruh jagat alam maya ini kali ini kita membahas mengenai pembuatan Tag Cloud 3 D langsung saja langkah-langkah pembuatannya sbb :

Seperti Biasa
1. Sign in ke account blogger sobat
2. Pergi ke Layout | Page Elements tab untuk blog Sobat
3. Klik "Tambah Gadget" link yang muncul di sidebar tata letak Sobat untuk menambahkan "Tag Clud".
4. Sobat akan melihat jendela popup dengan semua jenis Gadgets yang dapat ditambahkan ke blog Sobat.
5. Klik pada "HTML / JavaScript" gadget
Kemudia
n paste script berikut : tapi ada baiknya para sobat paste dulu di Notepad untuk merubah terlebih dahulu

<script src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js" type="text/javascript"></script>
<div id="flashcontent" style="overflow: visible;"><embed quality="high" allowscriptaccess="always" flashvars="tcolor=0xffffff&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;a href='http://LINK SOBAT DISINI.COM/'style='12'&gt;JUDUL LINK SOBAT DISINI&lt;/a&gt;&lt;/tags&gt;" type="application/x-shockwave-flash" height="300"src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" id="tagcloud" bgcolor="#000000" width="300" name="tagcloud"></embed></div>
<script type="text/javascript"><br/>var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#000000");<br/>// uncomment next line to enable transparency<br/>//so.addParam("wmode", "transparent");<br/>so.addVariable("tcolor", "0xffffff");<br/>so.addVariable("mode", "tags");<br/>so.addVariable("distr", "true");<br/>so.addVariable("tspeed", "100");<br/>so.addVariable("tagcloud");<br/>so.addParam("allowScriptAccess", "always");<br/>so.write("flashcontent");<br/></script>Tag Cloud by <a href="http://kangfatur.blogspot.com/" starget="new">Kang Fatur</a>



kemudian cari kode ini <a href='http://LINK SOBAT DISINI.COM/'style='12'>JUDUL LINK SOBAT DISINI</a>

Kemudian ganti kode yang berwarna Merah dengan Link tujuan sobat lalu teks yang berwarna Beru ganti dengan Judul Link sobat yang akan ditampilkan.

- Jika anda ingin mengganti Background cari kode bgcolor="#000000" kemudian ganti dengan kode warna yang diinginkan.
- atau ingin mengganti warna teks cari kode tcolor="ffffff" emudian ganti dengan kode warna yang diinginkan
- Untuk Lebar dan Tinggi cari kode height="300" dan width="300" ganti sesuai dengan keadaan template sobat,

Selesai selamat mencoba semoga berhasil apapun hasilnya silakan komentar anda