-->

Cara Memasang Banner Iklan pada Header Blog

Cara Memasang Banner Iklan pada Header Blog


Memasang banner iklan, belum tentu gampang bagi anda yang belum pernah melakukannya. Apalagi pada header blog. Karena itulah sekarang saya ingin membagikannya disini.


Ada 2 cara yang bisa anda lakukan:

Cara Pertama melalui fitur Tata Letak yang terdapat pada dasbor Blogger anda.
Caranya sama dengan memasang gambar untuk header blog anda. Bedanya hanya pada gambar yang dipasang. Sebelumnya gambar tersebut berisi desain yang memuat nama dan deskripisi blog anda, lengkap dengan hiasan lainnya. Sedang sekarang, gambar tersebut adalah banner iklan orang lain.

Lalu bagaimana nasib gambar header blog anda sendiri? Bukankah itu artinya gambar header blog anda sendiri menjadi tidak ada karena space yang sama sudah diisi oleh banner iklan tersebut? Solusinya adalah, anda harus menjadikan elemen header anda menjadi 2 kolom, sehingga masing-masing gambar, punya tempat pemasangan yang tidak saling menimpa.

Cara kedua adalah melalui fitur edit HTML blog anda
Prinsip dasarnya adalah dengan membuat sebuah tag sisipan pada elemen header. Lalu meletakkannya tepat dibawah kode:



<div id='header-wrapper'>

(Pelajari: Cara Cepat Mencari Kode HTML Blog)


Penulisan lengkapnya adalah seperti ini:


<div id='header-wrapper'>
<span class="banner-iklan" style="float: right;">
<a href="https://www.cybernas.id">
<img src="https://3.bp.blogspot.com/-ZJ7uUlOsSkg/WJI1knuAO1I/AAAAAAAAEF8/header.png" /></a>
</span>


KETERANGAN:

Kode yang berwarna orange,
adalah untuk menentukan posisinya, yang artinya posisi bannernya di header, berada di sebelah kanan. Silahkan ganti jika anda ingin letaknya di sebelah kiri (left) atau di tengah (center).

Kode yang berwarna kuning,
adalah URL atau LINK dari si pemilik iklan. Karena itu silahkan ganti

Kode yang berwarna biru,
adalah lokasi atau URL image dari banner tersebut. Karena itu silahkan diganti sesuai dimana lokasi banner yang akan anda tampilkan.

Setelah semua itu selesai anda lakukan,  maka jangan lupa simpan template anda. Lalu lihat hasilnya.

Oya jangan lupa,
Tambahkan juga tag title dan alt pada banner tersebut, agar efek SEOnya juga bekerja.
2 komentar
avatar
Anonim 26 April 2018 pukul 11.26

kalau ngga bisa di copy jangan buat gan,,,,

Balas
avatar
freesxideosx 18 Juni 2020 pukul 02.15

TOLOL TAKUT KENA DI AMBIL POSTINGAN LU.. PAKE KAGA BISA DI COPY GIMANA MAU NGAMBIL BUAT CONTOHNYA.. BLOGGER BEGO

Balas
Komentar yang tidak relevan, jorok, spamming dan promosi link akan dihapus

Desember 2015 - Erianto Anas - blogernas