Tinkerbell Fairy Cursor Trail

Tinkerbell Fairy Cursor Trail - merupakan widget blog dengan animasi peri yang mengikuti kursor mouse. Sebelumnya saya juga pernah membuat postingan artikel mengenai peri dan tinkerbell yaitu Sexy Fairy Cursor For Blog dan Widget Flying TinkerBell buat penggemar tinkerbell monggo dibaca artikelnya. Widget kali ini hampir sama dengan widget sebelumnya bedanya hanya pada script yang digunakan dan animasi yang bergerak hanya sebagai cursor trail, seperti yang terlihat pada contoh di postingan artikel ini... Gimana makin kerenkan widgetnya.. oh yaa widget ini bersifat individual artinya widget ini tidak bisa di kombinasikan dengan widget tinkerbell sebelumnya... sebenarnya sich bisa cuma saya lagi males memodifikasi scriptnya... jadi yaa maklumlah cuma bisa menggunakan salah satu widget tentang peri tinkerbell... oke dech buat yang tertarik silakan disedot infonya.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".


• Cari kode </Body> kemudian letakan kode berikut ini tepat diatas kode </Body>.
  
  <script> var trailimage=["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPM6VuXHEN94Oi5T_L3V4w61xRehvLCyC-FUab5UmGd-Gvj5NmhoqZc4iahaOGUftIwtv5gqzb1NOhSgj8qIQr_UvfHq8SB6xZJlY3PnU_thn-3M3a6mMXLpPsz5XlZA0tKXHZzxuwvvg/s1600/Flying_Tinkerbell.gif", 88, 70]; var ofsmFairy=[-2,1]; if (document.getElementById || document.all) $('body').append('<img id="trailimageid" style="z-index:+9999;position:absolute;visibility:visible;left:0px;top:0px;" src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px">'); function gettrailobjFairy(){ if (document.getElementById) return document.getElementById("trailimageid").style else if (document.all); return document.all.trailimagid.style; } function truebody(){ return (!window.opera || document.compatMode || document.compatMode!="BackCompat")? document.documentElement : document.body; } function followmouse(e){ var xcoordFairy=ofsmFairy[0]; var ycoordFairy=ofsmFairy[1]; if (typeof e != "undefined"){ xcoordFairy+=e.pageX; ycoordFairy+=e.pageY; } else if (typeof window.event !="undefined"){ xcoordFairy+=truebody().scrollLeft+event.clientX; ycoordFairy+=truebody().scrollTop+event.clientY; } var docwidthFairy=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15; var docheightFairy=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight); if (xcoordFairy+trailimage[1]+3>docwidthFairy || ycoordFairy+trailimage[2]> docheightFairy) gettrailobjFairy().display="none"; else gettrailobjFairy().display=""; gettrailobjFairy().left=xcoordFairy+"px"; gettrailobjFairy().top=ycoordFairy+"px"; } document.onmousemove=followmouse; </script>
  
  
  
  Keterangan :
  
  • var trailimage = ["https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPM6VuXHEN94Oi5T_L3V4w61xRehvLCyC-FUab5UmGd-Gvj5NmhoqZc4iahaOGUftIwtv5gqzb1NOhSgj8qIQr_UvfHq8SB6xZJlY3PnU_thn-3M3a6mMXLpPsz5XlZA0tKXHZzxuwvvg/s1600/Flying_Tinkerbell.gif", 88, 70]; // URL Link gambar peri beserta variabel lebar dan tinggi gambar peri.


• Klik "Save" dan lihat hasilnya...

Pilihan Animasi :

• 
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi2YrF2ikV-eQvdypSggduaMdxA7IFtQW_UDIUr1sb2Dcx1yvXO7S36cNPDMO2TqJY53jlla8uJabA1HufhR3Dmj8XwkPyjjRpwI_GMbnstHySxc75G8mpB8QWRALsDh6uzDl8pgR40fg/s1600/fairy_01.gif
  Width: 70 // Height: 66


• 
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwvHeqL2JnuiqynbFDfpEJuGPBSIusfBFf_pD4BCZt5P5ORkXthoTW5xLbcoUqPO9FOQA73R9V881B_M_mug4bD4_HTZCE_TrScm1d3Moq1A1JU6jZdpdmeVUugFanxhnnJDSolWMl42k/s1600/fairy_02.gif
  Width: 88 // Height: 70


• 
  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bSwCIc8lekwNQug2RNE5_qRvJXw4cdSpaoNFCIvuqU1W4b0TmvBn9mMu6k50XcvStuJElnMh7QDS0X1QiAGUbhnsDoE_KvDPk2773uV8YWfHhpeu9SAw9tO-m6h56T78KLM9qs1SbrI/s1600/fairy_03.gif
  Width: 58 // Height: 64

Oke sobat monozcore jangan lupa meninggalkan jejak dan komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.