Disain Grafis, Tips dan Triks

Cara Memasang Iklan Melayang Di Atas Header Blog

Banyak cara meletakkan posisi iklan di blog, misalnya iklan ditempatkan di kanan dan kiri halaman blog, di sidebar blog, di footer. Pada tutorial blog kali ini penempatan iklan akan berada di header blog. Posisi iklan di atas header akan terlihat melayang (tidak hilang) jika di scroll ke bawah. Jadi pengunjung masih bisa melihat iklan di header walaupun mouse diarahkan sampai ke akhir artikel atau pengunjung membuka homepage blog sampai ke footer, jadi posisi iklan tetap berada diatas. Sekarang simak bagaimana cara memasang iklan melayang diatas header blogspot.

Baca juga : Cara Memasang Iklan Melayang Di Footer Dengan Tombol Close

Cara membuat iklan banner melayang di atas header blogspot :
1. Login ke blogger.com
2. Pilih Template => Edit HTML
3. Tekan Ctrl+F, cari kode <div id='outer-wrapper'> lalu paste kode berikut dibawahnya.

<div style='display:scroll; top:0px;position:fixed;'>
<a href="URL tujuan saat di klik" target="_blank" title="iklan banner 728 x 90"><img alt="iklan banner 728 x 90" border="0" height="90" src="URL gambar iklan" width="728" /></a>
</div>

Keterangan : Silahkan ganti teks warna biru sesuai keterangan diatas

5. Simpan

Semoga pembahasan ini bermanfaat.