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 akunwww.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>
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 :
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif"), auto;}
</style>
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrd2dinnZZ8gr5nHEbVye2wQFejN32i-xTxIFk1iHo4eD0QfQOUcGe6zXXBZGyUzwwRZ4RGkO4AryKEeJuEyxFpvtZPs4njlZEy918rQobdqhLU6R5JITm3_-DmW696mpU4kz9Fga6uL4/s1600/2308a.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjogTX6h8q19_IZb_EZJ1_J7i7f-_G9rb8PLPxQXqyq-rOBhK1Y6sSoXcMpjgEdL1_16ot4y1G1FK7yGevMXsqAIlMnvFNwL-YYEoXh-V2TgtTgrjGhJZMWPoTE2rIJawIxjUx0CYEDCVA/s1600/bullseye-ani.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSG0ci_95KE-KfpaeHVvX8kaJSVO8jgbMeFN0MfYNnHB9ONuancxS6Ay_UJLnTJJEs81r8bo14bXSa3hUhFr5bmgqMFrU2JxER-DUCOAU1GEiVFXNDsu3xC4LVwvCLcNWEyH_Cdx6e5Y/s1600/tail2.gif
Terimakasih sudah berbagi ilmunya, sukses selalu. Ditunggu kunjungannya ya...
BalasHapusmakasih kaka :)
BalasHapus