Membuat Banner Iklan HTML5 Dengan Efek Animasi

membuat-banner-iklan-html5
Pada dasarnya dibutuhkan kemampuan pemahaman coding khusus untuk dapat membuat sebuah banner iklan dengan format HTML5. Kemampuan ini tentu tidak bisa dimiliki dengan mudah, dibutuhkan pelatihan khusus baik itu dengan cara otodidak atau pun formal. Namun dengan bannersnack.com Anda dapat dibantu mendesain sebuah banner iklan HTML5 lengkap dengan animasi tanpa perlu pengetahuan khusus di bidang HTML5.

Bagi Anda yang ingin mempromosikan produk Anda pada media online, bannersnack.com menyediakan berbagai template yang nantinya dapat Anda edit kembali sesuai dengan keinginan. Baiklah, langsung saja untuk cara membuatnya silahkan ikuti tutorial LinTekSi berikut ini:
  1. Buka situs bannersnack.com
  2. Klik Make Banner
  3. membuat-banner-iklan-html5
  4. Pilih HTML5 banner
  5. membuat-banner-iklan-html5
  6. Anda akan dialihkan ke halaman pendaftaran akun bannersnack.com, masukkan email dan Password. Jika ingin lebih cepat koneksi kan saja dengan akun Facebook, Google+ atau Twitter Anda. Nantinya bannersnack.com meminta akses ke akun Anda, klik Allow.
  7. membuat-banner-iklan-html5
  8. Anda akan dialihkan ke halaman Create new banner. Pilih ukuran banner yang ingin Anda desain. Di Halaman tersebut Anda dapat mulai merancang Banner iklan Anda.
  9. membuat-banner-iklan-html5
  10. Jika Anda masih newbie (tahap belajar), untuk mempermudah membuat banner pilihlah template yang sudah tersedia, nantinya template ini dapat Anda edit sesuai dengan keinginan Anda. Caranya klik pada tab Animated dan pilih template yang Anda inginkan. Kemudian akan ditampilkan preview banner tersebut, klik Start from this dan mulailah mengedit banner Anda.
  11. membuat-banner-iklan-html5
    membuat-banner-iklan-html5
  12. Jika banner sudah di edit, saatnya untuk menyimpan. Pilih menu Save yang ada pada pojok kanan atas. Pada Banner Name isi dengan nama banner Anda. Pada Banner URL isi dengan alamat URL yang akan terbuka saat iklan banner Anda di klik nantinya. Jika sudah klik Save.
  13. membuat-banner-iklan-html5
  14. Anda akan dialihkan ke halaman My Banners. Halaman tersebut berisi daftar semua banner yang sudah Anda buat.
  15. Sekarang saatnya banner tersebut kita pasang ke website Anda, Arahkan mouse Anda ke daftar banner, akan muncul floating menu. Klik More lalu Embed. Kemudian akan muncul kode HTML dari banner tersebut. Klik Copy embed code untuk meng-copy kode tersebut lalu paste ke website Anda.
  16. membuat-banner-iklan-html5
    membuat-banner-iklan-html5
Contoh banner iklan yang telah jadi.

Hanya demikian saja sekilas tentang cara membuat banner iklan HTML5. Selengkapnya dapat Anda coba sendiri secara otodidak, jika ada hal yang kurang jelas silahkan bertanya atau berbagi pengalaman melalui kolom komentar. Semoga bermanfaat.

About Bismillah01

Check Also

Aplikasi Android Macet

10 Penyebab Aplikasi Android Macet: Mengapa Ini Terjadi dan Bagaimana Mengatasinya?

Di era digital saat ini, perangkat Android telah menjadi bagian penting dari kehidupan sehari-hari kita. …

Leave a Reply

Your email address will not be published. Required fields are marked *