Animasi Kursor Blog

Aminasi merupakan kreasi yang tidak ada habisnya kesempatan ini. Posting ini saya poskan untuk mengubah bentuk cursor standart dengan beberapa variasi yang mungkin lebih membuat suasana lebih semarak di blog.

1. Pemasangan Scrip di body {
   
   • Login di Blogger
   • Pilih Template
   • Edit HTML
   • Search/cari : body {
   • Letakkan kode ini
     BODY {
     cursor:url(“http://ardiz.cursor.googlepages.com/01.ani”);
     }
   Lihat gambar berikut untuk penyesuian gambar yang anda inginkan
   + show / hide
   
   
   
2. Pemasangan Scrip di penambahan Gadget{
   
   • Pilih tab “Tata Letak”.
   • Klik “tambah gadget” baik itu berada di bawah, atas atau samping.
   • Pilih “HTML/JavaScript”
   • Copy kode di bawah ini pada tempat pengetikan:
     
   • Nah, ganti alamat cursor http://www.123cursors.com/freecursors/7676.gif tersebut dengan alamat cursor yang lain. Untuk mengetahui alamat cursor yang lain, kunjungilah www.123cursors.com dan pilih cursor yang Anda inginkan. Supaya lebih mudah, cari berdasarkan kategori. Bila Anda sudah menemukan, copy alamat cursornya dengan cara klik kanan pada gambar cursor tersebut, lalu pilih “copy image location”.
     Mudah kan?
   • Berikut Contoh scrip yang bisa langsung Copas
     
     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/ddrarrowpink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/ddrarrowpink.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aliendance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeyani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/frog26workinginbackground.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/frog26workinginbackground.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/babyrollani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/baby-roll-ani.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bullseye-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/eye.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/eye.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeydance3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/monkeydance3.gif"), auto;}</style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/playboybunnieani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/playboybunny-ani.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/rainbow-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/rainbow-ani.gif"), auto;} </style>

     ---

     • <style type="text/css"> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sleepani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sleepani.gif"), auto;} </style>

     ---