Cara Memasang Gambar Iklan (Banner) di Blog
Pertanyaan yang paling tepat ialah bagaimana cara memasang gambar iklan (banner) di samping blog (Sidebar) dan di samping nama/judul (Second Header) blog?
Banner merupakan gambar yang menampilkan logo, simbol, slogan, atau pesan lainnya sebagai media untuk mempromosikan suatu event, produk, atau brand.
Coba lihat gambar di bawah ini:
Di samping blog, tepatnya di bagian kode <aside id="sidebar-wrapper"> template blogger VioMagz, terdapat gambar media promosi yang telah dipasang.
Maka, kode apa yang dibutuhkan? Dialah kode berikut:
Dengan rincian kode, sebagai berikut:
Contoh penerapannya sebagai berikut:
Pertanyaan selanjutnya, bagaimana cara mendapatkan URL gambar yang ingin digunakan atau dipasangkan?
1. Buat artikel terlebih dulu, tidak perlu mengetik/menulis. Selanjutnya langsung unggah (upload) gambar seperti biasa.
2. Selesai diunggah, buka gambar dengan cara mengklik kanan pada gambar dan pilih menu buka gambar di tab baru.
3. Coba lihat URL gambar pada kolom browser, URL gambar itulah yang dibutuhkan untuk pembuatan dan pemasangan gambar iklan (Banner).
Jika tutorial di atas dipraktekkan di samping blog, bagaimana caranya jika pemasangannya di samping nama atau judul blog?
Maka, kode yang diperlukan ialah:
Atau kode:
Biasanya untuk di sisi sebelah nama atau judul blog, ukurannya bisa saja berbeda. Ada yang 468 x 60, ada juga yang 728 x 90. Tergantung template blogger.
Guna informasi lebih lanjut, kalian bisa mempelajarinya lebih lanjut lewat artikel ini: Cara Memasang Gambar, Link, Open New Tab, Nofollow di Blog.
Banner merupakan gambar yang menampilkan logo, simbol, slogan, atau pesan lainnya sebagai media untuk mempromosikan suatu event, produk, atau brand.
Coba lihat gambar di bawah ini:
Di samping blog, tepatnya di bagian kode <aside id="sidebar-wrapper"> template blogger VioMagz, terdapat gambar media promosi yang telah dipasang.
Maka, kode apa yang dibutuhkan? Dialah kode berikut:
<a width="300" href=# target="_blank" height="250"><img border="0" alt="deskripsi" src="tautan gambar"/></a>
Dengan rincian kode, sebagai berikut:
- width="300" untuk lebar gambar, bisa diganti dengan 100% bila diperlukan dan disesuaikan dengan template.
- href=# merupakan tautan yang dituju.
- height="250" untuk tinggi gambar.
- alt="deskripsi" tempat untuk deskripsi gambar mengenai apa dan bagaimana.
- src="tautan gambar" adalah URL dari gambar.
Contoh penerapannya sebagai berikut:
<a width="300" href=https://anbusage.blogspot.com/2024/03/cara-memasang-gambar-link-open-new-tab-nofollow.html target="_blank" height="250"><img border="0" alt="Cara Membuat dan Memasang Gambar Iklan (Banner) di Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicMB6IDV_UC2aRngohKbqEm72PdRJTO5ppLNucZdbXwzbfoKyEaY3rclxgEH57nVXuRp0hoP04kD67k8le1bANguzp2cVck3rDm3W7UGyzj81EfhziDqc9vgyoo96ZTEm-a2NJk265IzRcfTYV2p2WGvXYcL8qBuTpuReWDG2-kSywOOFEVI1qGCq63BvH/s1600/Banner%20(Gambar%20Iklan).png"/></a>
Pertanyaan selanjutnya, bagaimana cara mendapatkan URL gambar yang ingin digunakan atau dipasangkan?
1. Buat artikel terlebih dulu, tidak perlu mengetik/menulis. Selanjutnya langsung unggah (upload) gambar seperti biasa.
2. Selesai diunggah, buka gambar dengan cara mengklik kanan pada gambar dan pilih menu buka gambar di tab baru.
3. Coba lihat URL gambar pada kolom browser, URL gambar itulah yang dibutuhkan untuk pembuatan dan pemasangan gambar iklan (Banner).
Jika tutorial di atas dipraktekkan di samping blog, bagaimana caranya jika pemasangannya di samping nama atau judul blog?
Pertama, buat dulu kolom widgetnya. Mutlak.
Maka, kode yang diperlukan ialah:
<a width="468" href=# target="_blank" height="60"><img border="0" alt="deskripsi" src="tautan gambar"/></a>
Atau kode:
<a width="728" href=# target="_blank" height="90"><img border="0" alt="deskripsi" src="tautan gambar"/></a>
Biasanya untuk di sisi sebelah nama atau judul blog, ukurannya bisa saja berbeda. Ada yang 468 x 60, ada juga yang 728 x 90. Tergantung template blogger.
Guna informasi lebih lanjut, kalian bisa mempelajarinya lebih lanjut lewat artikel ini: Cara Memasang Gambar, Link, Open New Tab, Nofollow di Blog.
Labels: Blogger,
Kalian baru saja membaca artikel Cara Memasang Gambar Iklan (Banner) di Blog. Bila dirasa bermanfaat, mohon bagikan artikelnya. Jazakumullah khairan.
Posting Komentar untuk "Cara Memasang Gambar Iklan (Banner) di Blog"
Posting Komentar
Mohon untuk tidak meninggalkan komentar spam.