Cara Pasang Gambar Iklan Banner di Blog

Cara menambahkan atau memasang gambar iklan banner di samping (sidebar), samping nama/judul (header), dan di dalam artikel blog.

Banner adalah gambar yang menampilkan logo, simbol, slogan, atau pesan sebagai media untuk mempromosikan produk, brand, atau event.

Coba lihat gambar di bawah ini:

Itulah yang dinamakan iklan gambar banner di blog 😁

O iya, gambar di atas berukuran lebar 300px dengan tinggi 250px. Saya buat dan edit lewat aplikasi Photoscape X.

Cara Pasang Gambar Iklan Banner di Blog

1. Pertama sekali, buat dulu gambarnya. Harus, dong! 😁 Boleh lewat canva, adobe photoshop, corel draw, dll.

Terkait ukuran gambar, menyesuaikan tampilan blog teman2, ya!

2. Buat artikel terbaru, silakan upload gambar, lalu klik kanan pada gambar, pilih buka gambar di tab baru!

3. Di momen ini, silakan Copy URL dari gambar tersebut. Simpan linknya ke dalam notepad 😉

4. Selanjutnya, kode yang kita perlukan:

<a width="300" height="250" href="#" target="_blank"><img border="0" alt="deskripsi gambar" src="link gambar"/></a>

Biar gak bingung, begini penjelasannya.

300 artinya lebar gambar 300px
250 artinya tinggi gambar 250px
href="#" artinya ganti tagar/hashtag # dengan blog atau situs yang ingin dituju
target="_blank" berfungsi apabila diklik maka akan terbuka tab terbaru otomatis
deskripsi gambar silakan diisi dengan deskripsi gambar seperti apa dan bagaimana
link gambar ganti dengan link URL dari gambar

Contoh cara mengimplementasikannya:

<a width="300" height="250" href="https://mainblogseo.blogspot.com/" target="_blank"><img border="0" alt="main blog seo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic9g3Pfo2kIyv3bEAnynJRf6vMtZd7RAQvd5lnesFpJVuNIblqaiotEQJlgtxQwUYwnIgejDON9zvp6Z34nCS0T2P2yyf2qLFVL_3ly86_hAriWXBFcLDz9JjKrRbzHt5juINWUZ73Uh2O1m9tymJJT-ualsX6CBXlXB1RDIPpHxxpcFOKin3lx9sWN3o/s1600/Cara%20Pasang%20Gambar%20Iklan%20Banner%20di%20Blog%202.png"/></a>

5. Jika sudah, kode di atas kita copy dan paste (copas) di tata letak (layout) blog, pada add a widget!

O iya, cara ini juga berlaku untuk gambar yang berukuran 468 x 60 dan 728 x 90. Sesuaikan saja dengan gambar aslinya dan di tampilan blog.

Duh, hampir lupa! Cara ini juga berlaku atau bisa diterapkan di dalam artikel blog, ya! Asalkan slotnya tersedia 😁

Perhatian!! Bagi teman2 yang ingin cek gambar/foto yang sudah pernah diupload di blogger.com, bisa baca di artikel ini, ya! Istilahnya tuh album blogger, lah...