animasi pada cursor

beberapa minggu lalu saya menemukan sebuah blog yang cursornya di tambahkan animasi, contohnya ada di blog animasiku sesungguhnya animasi pada cursor kita juga dapat menggunakan style css {cursor:url(url_cursor),default;} namun untuk kali ini saya tidak membahasnya karena pilihan cursornya sedikit. Jika kalian mau, berikut cara pasangnya; oia, entar ada script yang anda harus pasang, silahkan pilih menurut warna yang kalian suka, namun jangan copy semua scriptnya, CUKUP SATU.

berikut caranya;

• log in
• tataletak/layout
• cara pasangnya ada dua, tapi kita pilih yang mudah aja
• add a gadget/tambah gadget
• html/javascript
• copy salah satu script berikut;
• script dibawah untuk cursor merah
  
  
  
  
  
  
  
  
  • 
    
    
    
    
    
    
    
    <!-- start cursor merah --> <script src="http://sites.google.com/site/indamwhy/file-java-script/cursormerah.js?attredirects=0&d=1"></script> <!-- end cursor merah -->
    
    
    
    
    
    
    
    
    
  
  
  
  
  
  
  
  
  
• script dibawah untuk cursor kuning
  
  
  
  
  
  
  
  
  • 
    
    
    
    
    
    
    
    <!-- start cursor kuning --> <script src="http://sites.google.com/site/indamwhy/file-java-script/cursorkuning.js?attredirects=0&d=1"></script> <!-- end cursor kuning -->
    
    
    
    
    
    
    
    
    
  
  
  
  
  
  
  
  
  
• script dibawah untuk cursor hijau
  
  
  
  
  
  
  
  
  • 
    
    
    
    
    
    
    
    <!-- start cursor hijau --> <script src="http://sites.google.com/site/indamwhy/file-java-script/cursorhijau.js?attredirects=0&d=1"></script> <!-- end cursor hijau -->
    
    
    
    
    
    
    
    
    
  
  
  
  
  
  
  
  
  
• script dibawah untuk cursor putih
  
  
  
  
  
  
  
  
  • 
    
    
    
    
    
    
    
    <!-- start cursor putih --> <script src="http://sites.google.com/site/indamwhy/file-java-script/cursorputih.js?attredirects=0&d=1"></script> <!-- end cursor putih -->
    
    
    
    
    
    
    
    
    
  
  
  
  
  
  
  
  
  
• script dibawah untuk cursor hitam
  
  
  
  
  
  
  
  
  • 
    
    
    
    
    
    
    
    <!-- start cursor hitam --> <script src="http://sites.google.com/site/indamwhy/file-java-script/cursorhitam.js?attredirects=0&d=1"></script> <!-- end cursor hitam -->
    
    
    
    
    
    
    
    
    
  
  
  
  
  
  
  
  
  
• script dibawah untuk cursor orange
  
  
  
  
  
  
  
  • 
    
    
    
    
    
    
    
    <!-- start cursor orange --> <script src="http://sites.google.com/site/indamwhy/file-java-script/cursororange.js?attredirects=0&d=1"></script> <!-- end cursor orange -->
    
    
    
    
    
    
    
    
    
  
  
  
  
  
  
  
  
  
• script dibawah untuk cursor biru
  
  
  
  
  
  
  
  
  • 
    
    
    
    
    
    
    
    <!-- start cursor biru --> <script src="http://sites.google.com/site/indamwhy/file-java-script/cursorbiru.js?attredirects=0&d=1"></script> <!-- end cursor biru -->
    
    
    
    
    
    
    
    
    
  
  
  
  
  
• paste di kolom content kemudian simpan, mohon di ingat cukup copy salah satunya.

jika anda paham java script. anda dapat menentukan sendiri warna cursornya. klik di sini download scriptnya. semoga bermanfaat.

Ditulis oleh intheamwhy pada Senin, November 23, 2009