Cara Simple Membuat Kode HTML Banner - Dalam melakukan promosi suatu produk, jasa, dan blog dapat dilakukan dengan berbagai cara mulai dari yang gratis sampai yang berbayar dan dari cara yang termudah hingga cara yang rumit dan sulit.
Tapi pada kesempatan kali ini saya tidak akan menjelaskan bagaimana memprpomosikan suatu praduk, jasa dan blog.
Kali ini saya akan menjelaska cara bagaimana membuat kode HTML banner, karena banner sering kali digunakan untuk mempromosikan suatu produk, jasa, dan blog.
Sebelumnya marilah kita simak beberapa penjelasan mengenai banner.
Banner merupaka suatu media untuk melakukan promosi yang di nilai sangat efektif dan efisien yang terdapat pada suatu blog.
Ukuran bannerpun bermacam - macam, ada yang besar, kecil. Pemasangannya juga berbeda-beda, ada yang di pasang diatas, ditengah, disamping, dan dibawah postingan.
Fungsi Benner :
1. Menambah daya tarik web / blog
Banner yang kita pasang di web / blog, bisa menambah tampilan web / blog lebih menarik.
Sehingga pengunjung betah berlama-lama di blog Sobat. Sobat bisa menempatkan banner di bagian header web/blog.
2. Sebagai cirikhas / identitas Sobat
Dengan membuat banner, Sobat berusaha untuk menunjukkan kepada pengunjung tentang siapa Sobat dan apa yang Sobat tulis dalam blog.
Itu artinya, Sobat menciptakan brand bagi Sobat dan web/blog Sobat.
3. Sebagai alat promosi
Banner merupakan alat promosi yang efektif. Dengan menitipkan banner Sobat di web/blog yang sudah terkenal dan banyak pengunjungnya, Sobat bisa berharap mereka akan mampir di blog Sobat dengan meng-klik banner itu.
4. Menonjolkan isi blog Sobat
Banner juga bisa digunakan untuk menonjolkan isi dari web/blog Sobat. Pengunjung bisa mengetahui atau paling tidak membayangkan isi web / blog Sobat dari baner Sobat.
Oke setelah membaca pengertian banner dan fungsi banner diatas, semoga sobat sudah sedikit mengerti. Dan marilah kita mulai saja yang menjadi topic pada artikel kali ini yaitu "cara simple membuat kode HTML banner".
Cara Membuat Kode
Pertama
Silahkan login ke blog sobat ---> entri
Kedua
Sebelum membuat banner pastikan sobat sudah siap dengan gambar banner. Banner bisa sobat buat secara offline maupun online.
Membuat banner secara online bisa sobat lakukan di website/blog khusus pembuat banner, dan untuk membuat banner secara offline bisa sobat lakukan melalui aplikasi photoshop, coreldraw, atau aplikasi sejenisnya.
Ini sebagai contoh banner buatan saya
Setelah banner siap, silahkan sobat upload gambar tersebuat. Untuk cara upload gambar bisa sobat lakukan melalui blog yaitu dengan "insert image" yang letaknya berapa di bawah judul postingan blog, atau sobat bisa upload di situs Image Hosting.
Setelah sobat upload silahkan copy url banner tadi.
Ketiga
Ganti menu dari Compose ke menu HTML ---> copy dan paste kode berikut ini :
<a href='http://settiablog.blogspot.com' target='_blank' title='Settia Blog'><img src='http://i.imgur.com/SVTFrf1.png' alt=Settia Blog' border='0' heght='200' width='1000'/></a>
keterangan :
- Ganti tulisan warna BIRU dengan url/alamat tujuan. Jika banner di klik maka akan menuju ke url tersebut.
- Ganti tulisan warna MERAH dengan judul yang sobat mau. Tulisan akan muncul jika cursor morse berada di atas banner.
- Ganti tulisan warna HIJAU dengan alamat url banner/gambar sobat yang sudah di upload.
- Ganti huruf warna PINK dengan ukuran banner sobat. Heght untuk panjang banner dan Widht untuk lebar banner, usahakan menulis ukuran yang sama dengan banner.
Keempat
Klik pratinjau (untuk melihat hasil sementara) jika cocok klik Publikasikan
Kelima
SELESAI
Contoh Hasilnya :
Selamat mencoba dan semoga artikel ini dapat bermanfaat.













