24 February 2022

Aneka Ragam Animasi Melintasi Footer Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Menggunakan Animasi Melintasi Footer Blog

Animasi. Animasi yaitu kumpulan gambar dari susunan beberapa gerakan dan menghasilkan gerakan baru yang lebih kreatif dan estetik serta indah dipandang secara visual. Gerakannya begitu nyata.

Bila dipasang di blog kita sebagai widget mungkin akan mempercantik halaman depan blog kita. Apalagi yang berkunjung atau visitor kita juga memiliki hobi yang berkaitan dengan animasi. Klop sudah.

Baca Juga : Cara Membuat Variasi Pada Tulisan di Artikel Postingan Blog

Bila selama ini mungkin animasi sering dipasang di postingan blog, sidebar, header atau bagian manapun. Sekarang kita akan membuat animasi bisa berjalan di bagian footer atau bawah blog.

Animasi yang kami sediakan disini macam-macam. Dan semua animasi itu bergerak. Sehingga nantinya akan menambah unik blog kita. Misal hewan berlari atau berjalan di footer.

Baca Juga : Pentingnya Merapikan Tulisan yang Acak-acakan di Postingan Blog

Sudah lama sekali trik ini digunakan. Dan sekarang, hari ini tepatnya, kami akan membagikan sekali lagi sebagai kreativitas yang mungkin bagi seorang blogger kawakan, trik ini sangat mudah diterapkan.

Silakan ikuti caranya dibawah ini ya :

Aneka Ragam Animasi Melintasi Footer Blog


Masuk ke Dashboard Blogger
Pilih Tema
Klik Sesuaikan : Edit HTML
Masuk ke template blog dan cari kode </body>
Tempelkan kode dibawah di diatas kode </body>

<marquee scrollamount="3" direction="right" style="position: fixed; width="100%" bottom: 53px;"><img src="URL Gambar Kamu Disini" border="0" alt="Alifacode Animasi Melintasi Footer" /></marquee>


Catatan :
scrollamount --> kecepatan gerak (bisa diubah angkanya, semakin besar angka semakin cepat gerakannya, red)
direction --> right berarti bergerak ke arah kanan, jikalau left maka gerakan akan menuju ke kiri
bottom --> berarti dibawah dan angka 53 menunjukkan berapa jarak dari bawah, semakin kecil angkanya maka semakin menempel footer credit blog
URL Gambar --> alamat gambar yang akan ditampilkan


URL gambar kami sediakan dibawah ini misal diperlukan :



Macan
Alifacode Animasi Footer Macan

https://blogger.googleusercontent.com/img/a/AVvXsEhYZXS0SFdqtvJI5Lu8QgupVVLrPfbNN4T4wexiT_dk-X3AWSmRgGjWLxbFK4ttF_cPdlh7I9ZY3801ka08oQ4evPhvgTCPoatOimYnrqrtiDm2IvPYv01OemSTP6il6YbZ7sIdeQw-_xJ9PdMZfQ3Hm55jV-o1Hs_bdkNn-70y-TNG-Qa0mib3rM7M


Puma
Alifacode Animasi Footer Puma

https://blogger.googleusercontent.com/img/a/AVvXsEhIPI9JVJRt6bQlotV2dUH8_13XvY_IO_CM6GVafeha2JsxMtpIOnHAo9k-Ms1AqsnEEumE61JAeo03C5ux2noDzs1QUNC8kzoEawqBQbdYMGpMoDb7AMcemaAmi6_HNmpphw1mn5nZ_BXZncCguo8Att8P7DAW_ymAVa6DNy_qVkkM_iyWvVTpJnny


Mobil Kodok
Alifacode Animasi Footer Mobil Kodok

https://blogger.googleusercontent.com/img/a/AVvXsEhXYiA3qbO_jRiSSMTZS3l40CkUh-2zp7CSED-srPTQaO5U3SCvWLl35WYvuU4X_wtFLrkVaTVCaIrRTfKFe-1NEyHYPVrrdX7Pzmd2d9SHLrgTYvOtUj9JIMqtv5xs_R7zqOVQcxH3lVbU_sjz8QZazsIGpypEH4LqsGCWA1gYJi9vJ-ACq-_odm0j


Mobil Sedan
Alifacode Animasi Footer Mobil Sedan

https://blogger.googleusercontent.com/img/a/AVvXsEh3S5IyJT6tqrF4gJDUIUdhmnbNFXYsEWjbSD_cquqZilKGA-LC1bD7uXEr9kAuX8pT0C8tppMdG3oxamuNofkB44G85Yn2HI-5F586RnJOe-DRtZTFieI-a2J1foiT9NNj2CdTnJrexqne5LpwUt3tGDipLtKI1w4u1vLJP6lkWo4Vb59F732ZUfwO


Wanita Berjalan
Alifacode Animasi Footer Wanita Berjalan


See the Pen Aneka Ragam Animasi Berjalan di Footer by Alifacode (@Alifacode) on CodePen.





Nah sudah khan. Save bidang kerja kamu dan publikasikan. Pasti sudah jadi. Sekarang giliran kamu praktekkan cara ini di blog kamu ya. Siapa tahu jadi lebih bagus. Semoga artikel Aneka Ragam Animasi Melintasi Footer Blog bisa digunakan dengan baik. Akhir kata kami ucapkan Wassalam. Ketemu lagi lain waktu dengan artikel yang lebih menarik.

Bagikan ke teman-teman kamu
Label Postingan : CSS

Terima kasih ya udah mempraktekkan tutorial blog di web alifacode.com dengan judul Aneka Ragam Animasi Melintasi Footer Blog . Semoga tutorial blog ini dapat bermanfaat. Salam Blogger.

Comments

Pesan berupa SPAM, Sara, Iklan, Pornografi, Broken link dan Link Aktif akan kami hapus. Berkomentarlah dengan sopan dan mengikuti panduan mengemukakan pendapat yang baik.
EmoticonEmoticon