Bagaimana Cara Membuat Banner ?

Apa itu Banner?

Banner adalah salah satu media untuk memperkenalkan atau mempromosikan sesuatu kepada pengunjung. 

Banner lebih banyak dimanfaatkan untuk mengiklankan produk-produk tertentu melalui blog/website.

Selain untuk beriklan banner ini juga bisa digungsikan sebagai media untuk mempromosikan blog anda. Bagaimana bisa? Sama seperti iklan-iklan tadi, adanya banner membuat para pengunjung tahu bahwa ada produk tertentu yang sedang diiklankan. Mempromosikan blog dengan Banner bisa dilakukan melalui proses backlink. 

Banner dapat berupa tulisan atau gambar, dengan menampilkan gambar atau tulisan pada banner yang dibuat dapat menggambarkan secara sederhana dan mengundang rasa ingin tahu pengujung, dan untuk itu dibuatkan link ke alamat website tertentu, seperti contoh banner disamping ketika anda "klik" maka anda akan dibawa pada sebuah website tertentu.

Banner iklan diatas berukuran 125 x 125 pixel (Square Button), ini merupakan salah satu ukuran banner standart.

Seperti pernah saya tulis pada tulisan Ukuran Banner Iklan / Promosi Pada Website, ukuran standar banner perlu diketahui, karena akan membantu pengelola website atau blog dalam menentukan ukuran lay out websitenya, hal ini penting karena akan mempengaruhi keindahan tampilan website atau blog.

Ukuran Banner Standard,  yang populer adalah :

• Leaderboard (728 x 90 pixel)
• Full Banner (468 x 60 pixel)
• Half Banner (234 x 60 pixel)
• Rectangle (180 x 150 pixel) 
• Square Button (125 x 125 pixel) 
• Micro Bar (88 x 31 pixel) 
• Skyscraper (120 x 600 pixel)
• Wide Skyscraper (160 x 600 pixel)
• Large Rectangle (336 x 280 pixel) 

Bagaimana Cara Membuat Banner ?

Untuk tulisan ini akan disampaikan cara membuat banner sederhana, mungkin pada kesempatan lain akan disampaikan bagaimana Cara Membuat Banner Animasi Online Gratis  atau Cara Membuat Banner Iklan Animasi dan Flash.

Langkah-langkah Pertama :

1. Buka Program Paint pada komputer anda 
2. Open New
3. Buat  Halaman sesuai ukuran yang diinginkan, misalnya Full Banner (468 x 60 pixel)
4. Copy Paste Gambar, jika ingin membuat gambar
5. Jika ingin membuat tulisan mainkan tool yang ada diatas "huruh A" untuk membuat tulisan, tool yang lain silahkan lakukan try and eror, termasuk warna yang ada
6. Contoh hasil seperti di bawah ini :

7. Banner telah selesai di buat, jangan lupa di simpan

Setelah di Upload/di posting hasilnya seperti ini :

Setelah di posting/upload dapat dilihat alamat url gambar, untuk postingan dapat dilihat di HTML dan di gadget dapat dilihat dengan klik kanan view image.

Atau hanya memainkan tulisan seperti banner http://www.indopermatagallery.kaffah.biz/ di bawah ini :

Untuk Banner  "Toko SeMendhe" di atas :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5BQydhnuNBDspE8knFeOiIlhtLdOO8r0pFKOUh12d2K9QY8EIX0HR9HkO7RbfUhrmRcHNDCf8KyYCpLASjri-qeylz76FijpzMAQIK84_adWhr17WShLzKTY735h5TspAKTIRZcuA4opW/s1600/Banner_Toko_SeMendhe.JPG



Langkah Ke Dua :

1. Buka Blogger >  Tata Letak > Tambah Gadget > Tambah Gambar

2. Bisa pada halaman posting, klik tool foto

Langkah Ke Tiga :

Cara Memasang Gambar pada Gadget Promosi :

1. Copy paste  code di bawah ini, ganti http://tokosemendhe.blogspot.com/ warna merah dengan url yang anda tuju, misalnya : http://www.indopermatagallery.kaffah.biz/
2. Hilangkan target="_blank" jika tidak ingin membuka halaman baru
3. Ganti url gambar https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5BQydhnuNBDspE8knFeOiIlhtLdOO8r0pFKOUh12d2K9QY8EIX0HR9HkO7RbfUhrmRcHNDCf8KyYCpLASjri-qeylz76FijpzMAQIK84_adWhr17WShLzKTY735h5TspAKTIRZcuA4opW/s1600/Banner_Toko_SeMendhe.JPG  dengan url gambar anda

Code image  instan (bagi yang tidak paham bahasa html, seperti saya :) )

<a href="http://tokosemendhe.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5BQydhnuNBDspE8knFeOiIlhtLdOO8r0pFKOUh12d2K9QY8EIX0HR9HkO7RbfUhrmRcHNDCf8KyYCpLASjri-qeylz76FijpzMAQIK84_adWhr17WShLzKTY735h5TspAKTIRZcuA4opW/s1600/Banner_Toko_SeMendhe.JPG" /></a>

Hasilnya :

Dan jika anda ingin membuat  Membuat Banner Rotasi / Rotation Banner, dilahkan baca artikel  Cara Membuat Banner Rotasi / Rotation Banner 

Semoga bermanfaat