Membuat Kursor Animasi

Cara untuk membuat kursor animasi :

1) Sebuah gambar animasi yang berukuran kecil, untuk yang ini dapat disesuaikan dengan keinginan dan juga kemampuan kita, banyak software pembuat animasi semisal macromedia flash dan sebagainya. Jika kita tidak mampu membuat sebuah gambar animasi untuk di pakai, kita bisa mencarinya di internet, ratusan atau bahkan ribuan situs menyediakan layanan ini. 2) Simpan file animasi yang sudah didapatkan ke hosting tempat menyimpan gambar, contoh : http://www.photobucket.com atau di blogger sendiri juga bisa. Apabila gambar animasi sudah si upload, catat alamat gambar tersebut. 3) Sisipkan kode untuk kursor. Kode untuk membentuk kursor adalah sebagai berikut : cursor: url("alamat gambar kursor"); 4) Memasukan kode di atas ke dalam kode template anda, agar lebih mudah untuk di pahami, berikut langkah-langkahnya :

· 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

5. 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; }

6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini : body{ background:#fff; margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; cursor: url("http://24rohman.googlepages.com/dragon3.ani"); }

7. Klik tombol Simpan Perubahan Template

8. Selesai. Silahkan lihat hasilnya.

· Untuk template baru

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik link Download template seluruhnya, save dulu untuk backup biar aman

5. Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body : body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: justify; }

6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini : body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: justify; cursor: url("http://24rohman.googlepages.com/dragon3.ani"); }

7. Klik tombol Simpan Template

8. Selesai. Silahkan lihat hasilnya.

Atau ada juga cara lain, yaitu di tempatkan di dalam kode , anda tinggal menyisipkannya sehingga kodenya jadi seperti ini :

Sumber:http://ranuwirawan.xanga.com/643609797/item/