Cara Membuat Cursor Animasi

Langkah pertama untuk membuat cursor animasi adalah:

1. Carilah sebuah gambar yang berukuran kecil , anda bisa mendapatkannya lewat internet yang berhubungan dengan gambar animasi cursor contohnya: Free cursor animated, cursor animation. Anda bisa mencarinya di google search engine. Jika gambar yang diinginkan dari foto sendiri atau buatan sendiri maka anda harus meng-edit gambar terlebih dahulu.

2. Jika anda sudah mendapatkan gambar maka salin alamat email gambar tersebut, dengan cara KLIK KANAN pada gambar tersebut lalu pilih copy email address.

3. Jika sudah di kopy maka sisipkan pada code cursor seperti di bawah ini:

cursor: url("alamat gambar kursor");
font berwarna merah adalah code untuk membuat cursor. Sedangkan,
font berwarna biru adalah code alamat gambar
font berwarna biru anda isi dengan kode alamat gambar yang sudah di kopi

4. Sebagai contoh, jika saya menggunakan alamat kursor yang saya miliki, kode nya jadi seperti ini :
cursor: url("http://24rohman.googlepages.com/dragon3.ani");
5. Langkah selanjutnya adalah memasukan kode di atas ke dalam kode HTML template
6. Untuk template klasik :

1. Sign in di blogger.
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode template yang ada, lalu save untuk backup data
· Untuk template klasik:
Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :

body {background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

sisipkan kode alamat cursor di bawah font-size: /**/small;

1. Klik tombol Simpan Perubahan Template
2. Selesai. Silahkan lihat hasilnya.

· Untuk template baru

Caranya sama seperti yang di atas yaitu masuk ke body:
body {background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: justify;

sisipkan kode alamat cursor animasi di bawah text-align:justify;