Cara Simple Membuat Kode HTML Banner

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.

Apa Itu 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.