Membuat Tag Melayang dengan TagCloud Generator

7 February 2011

Mungkin anda pernah melihat sebuah tag atau kata kunci yang melayang-layang dan bergerak ketika cursor mouse diarahkan, biasanya tag atau tulisan melayang tersebut terdapat di Wordpress. Bergaya modern dan fantastis mungkin cocok sekali digunakan untuk website personal, namun bagaimana cara membuat tulisan seperti itu ? Sebenarnya cukup mudah dan tidak perlu menguasai bahasa pemrograman tingkat tinggi, cukup dengan Tag Cloud Generator.

Silahkan anda kunjungi : http://www.tag-cloud.de/

 


Isikan isian pada box diatas lalu tekan tombol Convert. Setelah itu tekan tombol Download this flash cloud jika anda ingin mendapatkan souce code yang membuat tulisan bisa bergerak melayang-layang dan baca petunjuk yang ada didalamnya untuk memasang di website anda.

Contoh : http://sekolah.klatenweb.com

Selain souce code diatas, anda juga akan mendapatkan source code berupa html yang ketika nanti dipasang bukan tulisan bergerak melayang melainkan tulisan yang berwarna-warni dan bervariasi ukurannya.

Contoh code html :

<a href="http://web" onmouseover="this.style.color='#16dde9'" onmouseout="this.style.color='#4d30b1'" style="color:#4d30b1;font-size:25px;text-decoration:none" title="Count: 8">web</a> <a href="http://website" onmouseover="this.style.color='#c4f019'" onmouseout="this.style.color='#186b8c'" style="color:#186b8c;font-size:21px;text-decoration:none" title="Count: 6">website</a> <a href="http://script" onmouseover="this.style.color='#fc72e5'" onmouseout="this.style.color='#e8f3bc'" style="color:#e8f3bc;font-size:18px;text-decoration:none" title="Count: 5">script</a> <a href="http://hosting" onmouseover="this.style.color='# 5439'" onmouseout="this.style.color='#1edef8'" style="color:#1edef8;font-size:11px;text-decoration:none" title="Count: 3">hosting</a> <a href="http://domain" onmouseover="this.style.color='# be293'" onmouseout="this.style.color='#1f3545'" style="color:#1f3545;font-size:11px;text-decoration:none" title="Count: 3">domain</a> <a href="http://hacking" onmouseover="this.style.color='#df5a73'" onmouseout="this.style.color='#9b4cc4'" style="color:#9b4cc4;font-size:15px;text-decoration:none" title="Count: 4">hacking</a> <a href="http://download" onmouseover="this.style.color='#624531'" onmouseout="this.style.color='#ccf5fc'" style="color:#ccf5fc;font-size:23px;text-decoration:none" title="Count: 7">download</a> <a href="http://untuk" onmouseover="this.style.color='#5c212d'" onmouseout="this.style.color='#b9eac1'" style="color:#b9eac1;font-size:18px;text-decoration:none" title="Count: 5">untuk</a> <a href="http://dan" onmouseover="this.style.color='#3f76ca'" onmouseout="this.style.color='#4ba6ca'" style="color:#4ba6ca;font-size:15px;text-decoration:none" title="Count: 4">dan</a> <a href="http://anda" onmouseover="this.style.color='#3f315f'" onmouseout="this.style.color='#c71a92'" style="color:#c71a92;font-size:23px;text-decoration:none" title="Count: 7">anda</a> <a href="http://cara" onmouseover="this.style.color='#d02bd6'" onmouseout="this.style.color='# 91eba'" style="color:# 91eba;font-size:23px;text-decoration:none" title="Count: 7">cara</a> <a href="http://yang" onmouseover="this.style.color='#7d5aa5'" onmouseout="this.style.color='#c4419d'" style="color:#c4419d;font-size:15px;text-decoration:none" title="Count: 4">yang</a> <a href="http://facebook" onmouseover="this.style.color='#166764'" onmouseout="this.style.color='#e36a4e'" style="color:#e36a4e;font-size:11px;text-decoration:none" title="Count: 3">facebook</a> <a href="http://rapidshare" onmouseover="this.style.color='#4064bc'" onmouseout="this.style.color='#688485'" style="color:#688485;font-size:11px;text-decoration:none" title="Count: 3">rapidshare</a> <a href="http://file" onmouseover="this.style.color='#5c52df'" onmouseout="this.style.color='#df1a4b'" style="color:#df1a4b;font-size:15px;text-decoration:none" title="Count: 4">file</a> <a href="http://dengan" onmouseover="this.style.color='#cf6db4'" onmouseout="this.style.color='#7330c8'" style="color:#7330c8;font-size:11px;text-decoration:none" title="Count: 3">dengan</a> <a href="http://winzip" onmouseover="this.style.color='#2c4afc'" onmouseout="this.style.color='#945dcd'" style="color:#945dcd;font-size:15px;text-decoration:none" title="Count: 4">winzip</a> <a href="http://aplikasi" onmouseover="this.style.color='#8b9c55'" onmouseout="this.style.color='#28bde1'" style="color:#28bde1;font-size:11px;text-decoration:none" title="Count: 3">aplikasi</a>

Contoh tampilan HTML di website :

web website script hosting domain hacking download untuk dan anda cara yang facebook

 

Copyright Januari, 2011 @ Klaten WEB.com

 


Sumber : Jasa Pembuatan Website, Siakad, Simpeg dan SIM Rumah Sakit https://klatenweb.com
Selengkapnya : http://klatenweb.com/read/2011/02/07/458/Membuat-Tag-Melayang-dengan-TagCloud-Generator.html