Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

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

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 «

9 komentar:

  1. Sudah bisa pakdhe matur nuwun, kendala kedua muculnya kok di belakang background, berarti saya harus menghilangkan backgroundnya kali ya..
    Sekali lagi terimakasih..

    BalasHapus
  2. hehe... nambah pakdhe, itu label could bagus bener yah.. kata yang pinter ngeblog kalau pasang label could jadi tambah berat sewaktu blog dibuka tapi kok blog pakdhe ini justru label couldnya muncul duluan... piye carane ngawe pak, saya cari di postingan bapak ga ada tuh..

    BalasHapus
  3. Hallo akang Untung ... Baru aku persiapkan, nich postingnya. Biar bisa pada buat Label Cloud Cumulus yang Mandiri. Klo mo lihat di blog detiknya udah aku persiapkan untuk upload file swf-nya. Biar nggak kacau seperti Cumulus yang kemarin-kemarin, he ... he ... O .. ya.. Lihat juga di sana ada cursor animasi naga terbang-nya!

    Salam ...

    gubhugreyot blogDETIK

    BalasHapus
  4. Bukan maksud buat spam

    Tapi kenalkan blog ini

    http://rahasiaketapang.blogspot.com

    dan blog teman saya

    http://zona-orang-gila.blogspot.com
    http://freedom-borneo.blogspot.com

    Kunjungi kalo ada waktu ya

    BalasHapus
  5. bang gmana cara untuk buat nama aku sendiri
    di alamat http://flamingtext.com gak bisa.....

    BalasHapus
  6. sob, memperpendek jarak dari kursor sebenarnya gmna? Kayak punya Sob animasi kursornya dekat ma kursornya......

    BalasHapus
  7. MANTAP KANG, TAPI MEMPERPENDEK JARAK CURSOR DENGAN ANIMASINYA GMNA KANG?

    BalasHapus
  8. Berkenan hadir pagi ini untuk memohon maaf,minal aidzin walfaidin,mohon maaf lahir bathin.
    Makasih info cursornya,ijin saya share di blogku Mas.
    Salam.

    BalasHapus
  9. assalamu.alaikum
    ada gag cara bikin blog ada mp3 gan?mohon bantuannya saya masih maur bah ,hhh

    BalasHapus

 
GR | Edited by | gubhug reyot