Cursor Animasi Molor2 Gila: Cara Merubah ,Cara membuat, dan Cara Memasang Cursor

Panduan BloGGeR dan Tutorial BloGGer kali ini gubhugreyot ngucapin trima kasih yang setulus-tulusnya kepada akang Untung di ujung barat pulau Jawa sono, yang sudah bener-bener ikut berbagi melalui blog ini. Ya ... karena beliaunya stress mikir cursor animasi molor-molor (disampaikan lewat komentar), sekarang jadinya si gubhugreyot jadi ikutan stress (berbagai, ya, kang Untung!). Lha gimana nggak stress, wong masternya dah tak hapus, e .... begitu coment masuk kemudian aku coba di blog ... oalah ... ngggak mau berjoget si cursor molor. Stress ... stresss. Sebagai Ganti si bayi nakal curssor animasi molor-molor (yang masih terus kucoba perbaiki), di kesempatan ini coba keberikan sebuah cursor molor2 gila yang juga menampilkan animasi gif dan animasi molor-molor gila. Nggak percaya? Coba saja, dah! (yang ini masih aku pajang di blog percobaan dan tetap masih beraksi... he ... Aksi gila he ....).

Cara Membuat Cursor Animasi Molor2 Gila :

1. Login ke BloGGeR
2. Dasbor : KLIK link Tata Letak.
3. Elemen Laman : KLIK link Tambah Gadget.
4. Widget : KLIK link HTML/Javascript.
5. Copy Paste : Copy Javascript dan simpan di box penambahan widget HTML/Javascript.
6. Simpan : KLIK "SAVE/Simpan", kemudian lihat hasilnya dengan membuka halaman blog.

Javascript Cursor Animasi Molor2 Gila :

Javascript:

<script type="text/javascript">
/* gubhugreyot*/ //<![CDATA[
var panjang_molor = 20 /* silahkan rubah nilainya biar ekornya makin molor atau berkurang molornya */
var path = "http://gubhugreyotprojects.googlecode.com/svn/GRlogoAnimaGreen.gif" // ganti gambar di sini!
var standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body 
var i,d = 0
function initTrail() {images = new Array()
for (i = 0; i < parseInt(panjang_molor); i++) {images[i] = new Image()
images[i].src = path}
storage = new Array()
for (i = 0; i < images.length*3; i++) {storage[i] = 0}
for (i = 0; i < images.length; i++) {document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>')}
trail()}
function trail() {for (i = 0; i < images.length; i++) {document.getElementById("obj" + i).style.top = storage[d]+'px'
document.getElementById("obj" + i).style.left = + storage[d+1]+'px'
d = d+2}
for (i = storage.length; i >= 2; i--) {storage[i] = storage[i-2]}
d = 0 
var timer = setTimeout("trail()",10)}
function processEvent(e) { if (window.event) {storage[0] = window.event.y+standardbody.scrollTop+10
storage[1] = window.event.x+standardbody.scrollLeft+10} else {storage[0] = e.pageY+12
storage[1] = e.pageX+12}}
initTrail() 
document.onmousemove = processEvent
//]]>
</script>

Catatan :

1. Setelah di coba dan berhasil, jika kepingin ganti gambar animasi yang aku setakan di javascript di atas (http://i964.photobucket.com/albums/ae124/gubhugreyot/anima/LatemBleding.gif) bisa sampeyan buat sendiri atau keliling dulu untuk cari. Banyak banget, kok. Tinggal ketik saja gambar animasi.
2. Untuk merubah jumlah gambar yang jadi buntut, rubah pada var panjang_molor = 20
3. Mungkin pingin identitas sampeyan atau nama simbah sampeyan yang mau dijadikan cursor? Silahkan saja ke
   http://flamingtext.com

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Rabo PON, February, 29, 2012

» Happy Blogging - gubhugreyot «