Cara Membuat Animasi di Blog (Dengan Kursor Bergerak)

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)
Buat Animasi Di Blog dengan Kursor

Cara Membuat Animasi di Blog (Dengan Kursor Bergerak)

  1. Langkah paling awal adalah masusk dulu di akun www.blogger.com
  2. Pilih menu ‘Template’ di bagian Dashbor blogmu
  3. Selanjutnya tinggal klik menu ‘Edit HTML’ template blogmu.
  4. 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.
  5. 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(&quot;http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif&quot;), 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/AVvXsEhQlG4y4Da9oN_J0_B12DkbCFcu7hRd7LqfSM6lZmp58BDPcFk-BSjCBQXMhAD6MZRnDKor4inWKIQdVzRVxbkztrMS9r8j4ri-8jzGdepsMg8dR0QY9kVO5CcRHkYf-2qNl8jhiEEvM_E/s1600/2308a.gif
Cara Membuat Animasi di Blog (Dengan Kursor Bergerak)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFdfJpQ3p_lm3BDGGzczOw2yADKV_tSKInBh9RA595_0mVoMJHrtEE2J6FUYCV_kkjZNbAOXeOut07WZvqUN50o19lXWC77ShfkCSkb75kFAasv9S1lbq8GoxicrnmssComAeF1Etl8XY/s1600/bullseye-ani.gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbXfqofFlEzO3083ugXG3d4NKipOFpsXU3i-o6QJHSv_ix1dz7KOEbkI4k81pLbLE7fgkgIzfYIcQ2bHGvOlRSsFty7BZkH7gVOLifuZhzDSTaueJ15UkqI-nQe7kCwt-airFQ9QuD80/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. Untuk itu, saya sarankan untuk membaca artikel ini : Cara Membuat Blog Ranking 1 Di Google.

Baca juga cara membuat lainnya :
  1. Cara Membuat Animasi Flash (di halaman ini)
  2. Cara Membuat Animasi di Blog (Tulisan, Kursor, Gambar Bergerak)
  3. Cara Membuat Animasi di Blog dengan Banner Flash Bergerak
  4. Cara Membuat Animasi di Blog Dengan Kursor Bergerak
  5. Cara Membuat Animasi Macromedia Flash 
  6. Cara Membuat Animasi 3D Bergerak (3 Dimensi)
  7. Cara Membuat Animasi Gambar Animasi
  8. Cara Membuat Animasi Photoshop
  9. Cara Membuat Game Flash
  10. Cara Membuat Blog Keren
  11. Cara Membuat Facebook Baru

0 opmerkings:

Plaas 'n opmerking