Membuat Cursor Animasi

Kamis, 22 Desember 2011 10:55:24 - oleh : admin
Langkah untuk membuat sebuah kursor animasi adalah : 1. Membuat sebuah gambar animasi yang berukuran kecil dengan menggunakan software pembuat animasi semisal macromedia flash. Jika tidak bisa membuat sebuah gambar animasi untuk di pakai, Free cursor animated, cursor animation, Free cursor animated atau keyword lainnya yang di rasa berhubungan dengan yang namanya kursor animasi. 2. Langkah kedua yaitu menyimpan file animasi yang sudah didapatkan ke hosting tempat menyimpan gambar, contoh : http://www.photobucket.com atau di blogger sendiri juga bisa. 3. Langkah selanjutnya adalah menyisipkan kode untuk kursor. • Untuk template klasik 1. Sign in di blogger. 2. Klik menuTemplate 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.

"Artikel" Lainnya