Cara Membuat Animasi di Blog (Dengan Kursor Bergerak) hampir tidak jauh berbeda dengan cara pembuatan animasi dengan tulisan di blog pada artikel sebelumnya. Hanya saja kali ini kursornya yang dibuat gambar bergerak dengan beraneka macam gambar flash yang tampak bergerak atau berkedip kedip, selain itu setelah artikel ini akan dibahas juga bagaimana cara membuat tulisan yang mengikuti kursor seperti ular atau kursor yang diikuti tulisan meligkar, kan seru kalau blogmu bisa seperti itu?
Tapi sebelum mulai belajar tutorial Cara Membuat Animasi di Blog (Dengan Kursor Bergerak) di bawah ini ada baiknya kalau kita tahu dulu apa pengertian animasi menurut Wikipedia. Animasi adalah perancangan gambar menjadi seakan-akan bergerak atau hidup dengan cara menyususun beberapa gambar yang sesuai dengan alur gerakan yang diinginkan mulai dari gerakan pertama hingga terakhir yang masing-masing waktunya diatur. Jadi animasi bisa juga dibilang sebagai penggabungan beberapa gambar yang penampilannya berubah secara cepat sehingga terlihat hidup.
Cara Membuat Animasi di Blog (Dengan Kursor Bergerak)
<style type='text/css'>
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif"), auto;}
</style>
Petunjuk : Untuk mengganti tampilan kursor animasinya kamu tinggal ganti tulisan warna merah di atas mulai dari tulisan ‘http’ sampai ‘gif’ dengan menggunakan url link di bawah ini :
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxdHH8-tI72IceKINqJHsip243Q9E5ielLalbOPaahKLNGhckeu0Oa_MC4DNrxt8teeuXvujMLA9X_nX-NfOiYGTyBmBXYRpSodig5XPJEpUwSjP07hB3C7XmPHshPgYv_0cdIEV9jm0/s1600/tail2.gif
Bagaimana Cara Membuat Animasi di Blog (Dengan Kursor Bergerak) di atas? Tidak ada susahnya kan? Hanya saja link-link di atas tidak saya sediakan secara langsung melainkan harus mengcopy sendiri linknya di blog bayangan yang saya buat khusus pengunjung setial blog ini. Tapi perlu juga saya sampaikan kalau blog sebenarnya yang menjadi andalannya adalah artikelnya dan rankingnya di blog, walaupun blogmu keren dan menarik tapi artikelnya sedikit dan tidak bisa masuk halaman pertama google saya kira percuma karena yang akan melihatnya tidak sampai ribuan orang per hari.
Tapi sebelum mulai belajar tutorial Cara Membuat Animasi di Blog (Dengan Kursor Bergerak) di bawah ini ada baiknya kalau kita tahu dulu apa pengertian animasi menurut Wikipedia. Animasi adalah perancangan gambar menjadi seakan-akan bergerak atau hidup dengan cara menyususun beberapa gambar yang sesuai dengan alur gerakan yang diinginkan mulai dari gerakan pertama hingga terakhir yang masing-masing waktunya diatur. Jadi animasi bisa juga dibilang sebagai penggabungan beberapa gambar yang penampilannya berubah secara cepat sehingga terlihat hidup.
 |
| Buat Animasi Di Blog dengan Kursor |
Cara Membuat Animasi di Blog (Dengan Kursor Bergerak)
- Langkah paling awal adalah masusk dulu di akun www.blogger.com
- Pilih menu ‘Template’ di bagian Dashbor blogmu
- Selanjutnya tinggal klik menu ‘Edit HTML’ template blogmu.
- Temukan kode </head> di dalam html blogmu. Karena tampilan blog sekarang baru dan sudah berubah, maka caranya dengan klik di sembarang tempat dalam halaman kode html blogmu, kemudian tekan Ctrl+F untuk mempercepat pencarian, nah selanjutnya akan muncul tulisan ‘Search’ persis di atas kode-kode html tersebut, tinggal ketik </head> saja untuk mencarinya.
- Letakkan kode kursor di bawah ini persis di atas kode </head> atau sebelum kode </head> Dan jangan lupa ‘save’ untuk menyimpannya
<style type='text/css'>
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif"), auto;}
</style>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9mdMtxkzooVwKbAuUPSfD0NydIGcKhb1lLjm1OZkHiyVvdDmu2fG42sHMuVnRur0oYeGwBbch2tBwrmVaJWatwgxBJgwcJQbUFBop0OHRwfpxIYmGW0HMsxn_3KVZrQCmILDCHvMeX9A/s1600/2308a.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKlsKzz-3CH8Lgg-yM3iNvV9jqklmNMGEPgcG_9gTLuL_2BQ6_Lr8854bJ1en6AlHvDLkaSJ30FlXBgc5Lb-T_hWDeNdWkeuZFmf35gBIFVFtF3kaG9-PkUNmJN7978JoDY_jehK8B_6k/s1600/bullseye-ani.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxdHH8-tI72IceKINqJHsip243Q9E5ielLalbOPaahKLNGhckeu0Oa_MC4DNrxt8teeuXvujMLA9X_nX-NfOiYGTyBmBXYRpSodig5XPJEpUwSjP07hB3C7XmPHshPgYv_0cdIEV9jm0/s1600/tail2.gif
Bagaimana Cara Membuat Animasi di Blog (Dengan Kursor Bergerak) di atas? Tidak ada susahnya kan? Hanya saja link-link di atas tidak saya sediakan secara langsung melainkan harus mengcopy sendiri linknya di blog bayangan yang saya buat khusus pengunjung setial blog ini. Tapi perlu juga saya sampaikan kalau blog sebenarnya yang menjadi andalannya adalah artikelnya dan rankingnya di blog, walaupun blogmu keren dan menarik tapi artikelnya sedikit dan tidak bisa masuk halaman pertama google saya kira percuma karena yang akan melihatnya tidak sampai ribuan orang per hari.
1 Response to "Cara Membuat Animasi di Blog (Dengan Kursor Bergerak)"
maaf gan pas saya coba koga berkedip yaa cursor nyaa???
mohon petunjuk !!!
trimakasih sebelumnyaa