Membuat Animasi Kursor di totallyfreecursors.com

Untuk mempercantik tampilan Blog, salah satunya adalah membuat animasi kursor.
Penyedia Layanan Animasi Kursor secara online salah satunya adalah totallyfreecursors.com.
Animasi yang disedikan totallyfreecursors.com cukup banyak, diantaranya :

• Rainbow Small Ani 

• Tail Heart 1

• Hypnotize 1

• Monkey Ani

• Fire Pointer Blue

• Dan masih banyak lagi animasi-nya, teman-teman silakan pilih sesuai selera.

Royyan memilih Fire Pointer Blue, karena warnanya yang mencolok.

totallyfreecursors.com menyediakan 2 pilihan kode HTML yaitu :

1. Kode HTML Kursor Utama
2. Kode HTML Kursor Rollover

Kode HTML Kursor Utama

Untuk menggunakan kursor ini sebagai kursor utama pada halaman Blog teman-teman, copy dan paste kode ini di mana saja dalam kode HTML Blog teman-teman :

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Fire Pointer Blue Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif"), auto;}</style>

Kode HTML Kursor Roolover

Untuk menggunakan kursor ini sebagai kursor rollover Anda (seperti saat Anda melayang di atas link atau Jika dipasang di Postingan maka jika pindah ke halaman lain animasi tidak bekerja), copy dan paste kode ini setelah kode HTML kursor utama Anda.

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/FireBlue.gif"), auto;}</style>

Tetapi karena kode HTML diatas ada gambarmaka royyan mencoba modifikasi kode HTML seperti berikut :

<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif"), auto;}</style>
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/FireBlue.gif"), auto;}</style>

Petunjuk Pemasangan di Blog:

1. Ketika Posting teman-teman masuk ke HTML jangan Compose
2. Copy paste kode HTML di  diatas
3. Publish, selesai dah

Selamat mencoba teman-teman.