Cara Membuat Animasi Bergerak Di Blog

Cara Membuat Animasi Bergerak Di Blog, cara mendesain blog di blogspot

Halo blogger, salam pengumpul receh adsense. Tetap semangat untuk membuat kreasi untuk mendesain blog agar tampil keren. Kali ini kita akan ulas bagaimana cara membuat animasi bergerak di blog di blogspot dan wordpress.

Membuat blog yang keren tentu menjadi tantangan tersendiri untuk para blogger. Banyak sekali mungkin trik atau tips bagaimana cara mendesain blog agar banyak pengunjung.

Salah satu usaha agar blog kita banyak pengunjung adalah dengan membuat tampilan blog menarik. Salah satunya adalah dengan animasi bergerak dalam blog kita.

Perlu kamu tahu ya, istilah blog di sini bisa untuk beragam platform. Jadi mereka yang menulis artikel pribadi bukan landing page untuk jualan, kita sebut dengan istilah blog sob.

Oke, sekarang kita lanjut pada bahasan artikel ini. Bagaimana membuat sebuah blog yang menarik?

Salah satu cara yang bisa kamu gunakan agar blogmu tampil kece adalah membuat sebuah animasi gerak di blog. Apa saja jenisnya? Bagaimana cara memasangnya? simak lengkap pada konten berikut ini.

Pengertian Animasi Di Blog

Sebelum kita melangkah lebih jauh, kita pahami dulu nih. Apa pengertian animasi itu sendiri.

Secara ringkas, bisa kita simpulkan gambar animasi merupakan sekumpulan gambar yang teratur dan tertata sedemikian rupa. Masing-masing gambar bergerak sesuai dengan tempo detik dan waktu yang sudah ditentukan.

Gambar animasi ini bisa berupa apa saja. bisa berwujud benda, kartun, tulisan atau yang lainnya.

Jadi intinya animasi sebenarnya sih sekumpulan beberapa gambar ya. Bukan hanya satu gambar saja, bahkan untuk membuat sebuah gambar animasi bisa membutuhkan banyak sekali gambar.

Jenis Animasi Blog

Kalau berbicara animasi dalam blog. Tentu jawabannya hanya ada dua ya sob. Tapi dari kedua jenis ini nanti akan kita ulas lebih rinci lagi.

Dari yang ane tahu, animasi dalam blog kita bisa membuatnya dalam 2 jenis yaitu animasi gambar dan tulisan. Jadi kita bisa membuat atau menyisipkan sebuah gambar bergerak dalam blog atau tulisan bergerak dalam blog.

Gambar Animasi Blog

Yang pertama adalah gambar animasi atau kita sebut dengan istilah gambar gif. Jadi gambar yang bergerak memang berekstensi gif. Menandakan bahwa itu adalah sebuah gambar animasi.

Kamu bisa secara mudah memasangnya kok. Carany nanti ada di sesi bawah ya. Nah contoh gambar animasi dalam blog seperti di bawah ini ya.

Cara Membuat Animasi Bergerak Di Blog, cara mendesain blog di blogspot

Gambar merah putih yang bergerak-gerak. Sebuah gambar namun bisa bergerak makanya disebut animasi sob.

Tulisan Bergerak Di Blog

Nah berikutnya adalah tulisan bergerak atau kita sebut dengan running text. Jadi mungkin untuk beberapa point penting kamu akan membuat sebuah tulisan yang bergerak. Alasannya mungkin agar tulisan itu terspotlight ya.

Dengan adanya gerakan mungkin akan membuat pengunjung penasaran. Dan ingin segera membaca tulisan bergerak tersebut.

Cara membuatnya mudah sekali kok. Nanti akan kita buatkan skipnya di bawah artikel ini ya.

Nah berikut ini sedikit contoh animasi tulisan bergerak.

Contoh Tulisan Berjalan Di Blog Dengan Background Warna

Gimana menarik kan? Mau taui caranya, yuk lanjut bacanya. Bagaimana cara mendesain blog di blogspot? Gimana cara membuat tampilan blog bergerak?

Cara Buat Animasi Begerak Di Blog

Nah, berikutnya kita akan menuju ke detailnya nih. Bagaimana cara membuat gambar animasi atau tulisan bergerak di blog dan cara mendesain blog di blogspot

Cara membuat animasi bergerak atau tulisan bergerak sebenarnya gak susah kok. Ikuti langkah-langkah berikut ini dan semoga berhasil.

Membuat Gambar Animasi Bergerak Di Blogger

Oke yang pertama kita akan kupas tuntas. Cara membuat animasi bergerak pada platform blogger. Kenapa ini yang pertama? ya karena masih banyak bro orang yang menggunakan blogger untuk membuat blognya, Jadi ane jelasin lebih dulu cara membuat tulisan blog berjalan.

Saya anggap disiin kamu sudah punya blog ya. Selanjunya ikuti step langkah di bawah ini.

  • Masuk ke blogger
  • Lalu buat sebuah postingan baru
  • Berikutnya ubah tampilan menulis menjadi tampilan HTML
    cara membuat animasi bergerak di blog
  • Nah berikutnya, kamu bisa masukkan contoh skrip dibawah ini

    <div><center><a href=”https://mr-ell.com/” target=”_blank”><img border=”0″ src=”https://www.mr-ell.com/wp-content/uploads/2021/09/animasi-bergerak-bendera-indonesia-0010.gif” title=”get more.” /></a></center><small><center><ahref=”https://mr-ell.com” target=”_blank”>Animasi Bergerak</a></center></small></div>

  • Copy skrip tersebut lalu paste di postingan blog kamu
  • Lalu ubah kembali menjadi tampilan menulis
  • dan cek di pratinjau

Yups gampang banget kan? Pasti bisa dong. Untuk dapatkan gambar-gambar animasi yang lain kamu bisa cek pada artikel di bawah ini.

Membuat Animasi Gerak Di WordPress

Selanjutnya kita akan bahas mengenai cara mendesain blog wordpress. Mendesain blog pada platform wordpress saya kira lebih mudah daripada blogger. Tapi yang tergantung kebiasaan juga sih.

Bagaimana cara membuat animasi bergerak di blog wordpress? Tentu kamu sudah penasaran bagaimana triknya.

Sebenarnya cara membuat animasi gerak di wordpress tidaklah sulit. Mungkin karena kamu belum tahu saja ya, jadi kelihatannya susah.

Oke langsung saja kita cerai berai bagaimana cara membuat animasi bergerak di blog wordpress. Cara mendesain blog wordpress dengan animasi gambar.

  • Masuk ke dashboard wordpress
  • Lalu buat sebuah post
  • Nah untuk membuat animasi gambar gerak ubah tipe penulisan menjadi klasik
    klasik wordpress
  • Disini admin ambil contoh kamu menggunakan wordpress yang baru ya
  • Setelah itu insert media
  • Tentu kamu harus memiliki terlebih dahulu sebuah gambar dengan ekstensi gif ya
  • Unggah gambar lalu atur sedemikian rupa untuk prosentasi ukurannya
  • Cek di pratinjau

Seharusnya apabila kamu sudah melakukan itu, akan ada gambar bergerak yang ada di postingan terbarumu.

Cara Membuat Tulisan Bergerak di Blog

Nah sebelumnya kita sudah bahas cara mendesain blog di blogspot dan wordpres dengan animasi gambar. Cara desain blog di blogspot dan wordpres berikutnya adalah dengan cara membuat tulisan blog berjalan.

Tulisan bergerak bisa juga kita sebut dengan istilah marquee. Jadi kita bisa membuat sebuah tulisan yang menjadi tag dan ingin tersorot lebih karena gerakannya.

Tentu itu sangat mudah sekali, kalau kamu mungkin belum tahu bagaimana cara pasang atau menggunakannya, tak perlu kawatir. Karena akan kita bahas secara lengkap disini. Entah kamu pengguna platform blogger ataupun wordpress.

Membuat Tulisan Bergerak di Blogger

Cara mendesain blog di blogger dengan tulisan bergerak sebenarnya sangat mudah sekali. Kamu tinggal menambahkan skirp marque pada tulisan yang ingin kamu beri animasi gerak.

Kalu kita cermati lebih dalam lagi, tulisan bergerak bisa kita pecah lagi menjadi beberapa jenis. Kesemuanya bergantung dengan tipe dan model gerakannya. Oke sekarang kita akan bahas bagaimana cara membuat tulisan bergerak di blogger.

Cara Membuat Tulisan Bergerak di Blogger

  • Login ke blogger
  • Buat Post Baru
  • Ubah dari tampilan menulis ke html
  • Masukkan Kode skrip marque berikut
    <marquee>INI CONTOH TULISAN BERGERAK</marquee>
  • Ubah kembali ke tampilan menulis
  • Dan tulisan bergerak berhasil dibuat

INI CONTOH TULISAN BERGERAK

Nah yang tepat diatas ini adalah contoh hasilnya. Secara default ketika kita memasukkan sebuah tulisan diantara kode script marquee maka dia akan bergerak dari kanan ke kiri.

Kalau kita ingin gerakannya berubah kita bisa menambahkan beberapa perubahan skripnya. Contoh kita akan ubah gerakannya dari kiri ke kanan.

<marquee direction=”right”>INI CONTOH TULISAN BERGERAK</marquee>

nah contohnya seperti kode tersebut diatas. maka hasilnya nanti akan seperti di bawah ini. cara membuat tulisan blog berjalan

INI CONTOH TULISAN BERGERAK

tinggal menambahkan direction=”right” maka pergerakan tulisan akan berubah dari arah kanan ke kiri. Gimana mudah bukan membuat tulisan bergerak di blogger.

Membuat Tulisan Bergerak di WordPress

Nah, berikutnya kita akan bahas bagaimana cara membuat tulisan berjalan di platform wordpress. Secara umum caranya sih nggak jauh berbeda ya. Cuma mungkin cara mengubah tampilan dari menulis ke html saja yang mungkin haru kamu tau.

Untuk scriptnya sih tetep sama yang digunakan. Karena, pada dasarnya untuk tulisan bergerak dalam bahasa html semuanya tetap menggunakan marquee.

Cara Membuat Tulisan Bergerak di WordPress

  • Login ke dashborad WordPress
  • Buat sebuat Pos baru
  • Nah saat kamu membuat post pada blog penulisan pilih tanda pllus sebelah kanan penulisan
  • Setelah itu ketik saja html
    html
  • Pilih html khusus
  • Akan tampil seperti gambar berikut ini
    tampilan html wordpress
  • Nah tulis kode skrip seperti pada blogger tadi tepat di tulisan Tulis HTML . . .
  • Untuk melihat hasilnya kami bisa klik pada bagian pratinjau
  • Tulisan berjalan di wordpress berhasil dibuat.

Untuk contoh hasilnya seperti yang ada dibawah ini.

TULISAN BERJALAN DI WORDPRESS

Nah untuk lebih jelas dan detail, bagaimana melakukan kreasi tulisan berjalan kamu dapat membaca artikel berikut ini.

Demikian pembahasan mengenai membuat animasi bergerak di blog. Semoga informasi ini bermanfaat untuk kamu yang lagi asik ngeblogging.

cara mendesain blog di blogspot, cara membuat tulisan blog berjalan, animasi bergerak, cara mendesain blog wordpress, cara membuat animasi bergerak di blog wordpress