Tuesday, 25 November 2014

Cara Membuat Banner Iklan Animasi Keren di Blog Sendiri

Cara membuat banner iklan di Blog bukanlah pekerjaan yang susah, selama mengerti triknya, maka Anda bisa dengan mudah membuatnya. Trik yang saya maksud disini adalah dengan memanfaatkan file PSD yang ada di Photoshop. Jadi judul yang paling tepat sebenarnya bukan 'cara membuat banner iklan' tetapi 'cara mengedit banner iklan' karena disini kita hanya melakukan editing / pengeditan pada Banner Iklan yang sudah jadi.

Meskipun kita hanya mengedit dan bukan membuat banner iklan, namun saya rasa kita tetap bisa mengcustom-nya sesuai dengan desain iklan yang ingin kit buat, jadi fungsi file PSD disini untuk memberikan inspirasi atau istilahnya hanya sebagai perantara kita untuk mempermudah pembuatan iklan baru.

Di artikel ini saya akan membahas setidaknya 3 Cara Membuat Banner Iklan, yang terdiri dari :

  • Cara Membuat Iklan dengan Photoshop
  • Cara Membuat Iklan yang Baik dan Menarik
  • Cara Membuat Iklan Melayang di Blog

Ada 3 Tutorial sekaligus yang akan Anda dapatkan di artikel, dari mulai buat iklan, membuat iklan menjadi menarik, sampai cara untuk memasang iklan agar melayang di Blog.


Cara Membuat Iklan dengan Photoshop


Seperti yang saya katakan diatas, disini kita akan membuat banner iklan animasi dengan bantuan file PSD, untuk mendapatkan file-nya nanti akan saya berikan di akhir artikel. Sekarang akan saya berikan tutorial terlebih dahulu.

  1. Siapkan 3 File Gambar

    Iklan 1Iklan 2Iklan 3

    Sebenarnya lebih dari 3 juga beoleh, namun kali ini saya hanya akan menggunakan 3 gambar saja yang akan saya buat menjadi animasi / flash dengan Photoshop.

  2. Buka Photoshop


    Setelah photoshop terbuka, silahkan Anda masukkan ketiga file tersebut. tersebut ke dalam 1 lembar kerja, dengan cara klik File > Scripts > Load Files.

  3. Akitfkan Fitur Animasi di Photoshop


    Caranya adalah dengan mengklik menu Windows lalu pilih Animation, jika sudah maka akan tampil menu Frame Animation di bagian bawah.

  4. Buat 3 Frame


    Untuk menambahkan frame baru Anda bisa mengklik tombol 'Duplicated Selected Frame' yang terletak di sebelah icon 'tong sampah'.

  5. Aktifkan Layer Secara Bergantian


    Pada frame 1 aktifkan layer 1, pada frame 2 aktifkan layer 1 dan layer 2, dan untuk frame 3 silahkan Anda aktifkan semua frame. perhatikan gambar agar lebih jelas, dan jangan lupa atur waktunya menjadi 0.5 second.

  6. Simpan dalam bentuk GIF


    Untuk menyimpan iklan yang Anda buat agar bisa bergerak maka kita perlu memilih ekstensi .gif, caranya silahkan Anda klik File > Save for Web & Devices > GIF 128 No Dither.

Selesai, kita sudah berhasil membuat 1 iklan animasi yang cukup menarik dan tentunya akan mengundang orang untuk mengklik. Seperti janji saya diatas, berikut adalah file PSD iklan beserta demo iklan yang baru kita buat.


Download
Cara Membuat Iklan (.psd)
1.2 mb


Cara Membuat Iklan yang Baik dan Menarik


Iklan yang baik dan menarik secara langsung tentu akan meningkatkan nilai CTR (Click Through Rate) dari iklan itu sendiri. Pertanyaanya adalah bagaiamama cara membuat iklan yang menarik agar banyak di klik orang ? Secara garis besar ada 3 Hal yang harus Anda masukkan ke dalam iklan :

  • Call to Action

    Saat kita membuat iklan, maka iklan yang kita buat harus memberikan efek 'action'. Untuk membuat efek tersebut diperlukan kata-kata seperti 'Beli, produk ini segera' atau 'Hubungi segera, nomor di bawah ini'.

  • Buat Iklan Yang Kreatif

    Iklan yang unik (kreatif) bisa dipastikan akan mendorong seseorang untuk mengklik iklan tersebut, dengan tujuan untuk mencari tahu siapa sosok di balik pembuat iklan tersebut.

  • Berikan Nilai Tambah Pada Iklan

    Maksudnya, iklan yang Anda buat jua harus menjelaskan tentang apa yang akan didapat oleh pengunjung. Misalnya Anda bisa menambahkan sentuhan info mengenai manfaat / keunggulan produk Anda.

Setidaknya jika Anda menarpkan tiga hal diatas, maka iklan yang Anda buat sudah cukup untuk dikatakan sebagai iklan yang baik dan menarik. Karena, selain memiliki desain yang menarik juga mampu membuat seseorang untuk mengklik banner iklan yang Anda buat.


Cara Membuat Iklan Melayang di Blog


Iklan yang melayang di blog atau dalam dunia blogging sering disebut sebagai Fixed Ads merupakan salah satu cara terbaik untuk meningkatkan persentase klik iklan, atau dengan kata lain, memasang iklan yang melayang di bagian sidebar blog adalah tempat yang paling strategis.

Namun, dalam me iklan di bagian sidebar, bagi sebagian orang mungkin dirasa sedikit susah untuk dilakuan, walaupun fakta sebenarnya tidaklah demikian. Untuk itu di artikel ini saya akan coba untuk membagikan cara membuat iklan melayang di Blog.

  1. Masuk ke Tata Letak


    Log in ke Akun Blogger terlebih dahulu, lalu silahkan Anda klik Tata Letak.

  2. Tambahkan Gadget


    Tambahkan gadget baru, lalu pilih yang HTML / JavaScript.

  3. Masukkan Kode Iklan


    Silahkan copy kode iklannya berikut ini :

    <div style="position: fixed"><img src="url gambar"><div>

    Ubah 'url gambar' dengan alamat gambar / iklan yang ingin Anda pasang.

Klik simpan, dan silahkan Anda lihat hasilnya. Jika sudah tampi dan iklan tetap berada di posisi fixed (di bagian sidebar) maka itu artinya kita sudah berhasil membuat iklan melayang di blog, selamat mencoba dan semoga berhasil.
Tolong Share artikel ini di: Komentar →

0 comments:

Post a Comment

# Saya akan coba merespon komentar baru secepatnya.
# Harap berkomentar dengan bahasa baku tanpa singkatan.
# Komentar promosi, spam, dan komentar satu kalimat yang tidak bermutu akan saya hapus langsung.
# Jangan menggunakan nama pengomentar dengan nama yang berbau porno, judi, dan yang negatif lainnya.
# Setiap komentar akan dimoderasi secara manual sebelum muncul.

◄ Posting Baru Posting Lama ►
 

Info Admin: Danang Novianto

Panggil saya Danto, seorang blogger dan internet marketer pemula yang dianugrahi wajah manis, berambut klimis, dan suka mringis

Copyright © 2013-2014. Belajar SEO Blog & Bisnis Online Dari Ahli dan Pakar SEO Indonesia - All Rights Reserved Editor by Belajar SEO Blogspot Powered by Blogger