Cara membuat animasi mengikuti kursor

Hello sahabat kuyalamban, salam hangat dari kami semoga anda merasa nyaman berada di blog ini.
kali ini kita akan membuat sebuah animasi dimana animasi tersebut mengikuti kursor kita.

pada postingan kali ini, saya mengambil sumber kode atau script dari blog programkomputer.co.id
sebelum ke cara membuat animasi mengikuti kursor di blog sobat, alangkah lebih baiknya jika sobat memikirkannya secara matang terlebih dahulu. jika sobat sudah yakin dan ingin memasangnya, yuuk ikuti langkah berikut. 

-pertama masuk ke akun dasbor blog anda 
 - pilih tata letak
- pilih tambah widget
-pilih javascript/html
- masukan kode di bawah ini 

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.ani), url(http://cur.cursors-4u.net/special/spe-1/cloud_strife.png), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Final Fantasy 7 Cloud Strife"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Final Fantasy 7 Cloud Strife" style="position:absolute; top: 0px; right: 0px;" /></a>

anda bisa mengganti animasi sesuai dengan yang anda inginkan, misalkan anda ingin menggantinya dengan spiderman, kucing loncat, tikus mabok, dan lain sebagainya, hehee..  cukup ganti kode berwarna BIRU jika anda ingin mengubah gambarnya. gambar yang di masukan saya sarankan berformat giv, atau format animasi lain, jangan format foto diam.


namun perlu saya tekankan bahwa pemasangan animasi di blog dapat menghambat loading blog, sehingga loading blog anda akan sedikit terasa berat. saya kira postingan kali ini cukup sekian, semoga bermanfaat.

 

Tweet