Memasang Iklan Melayang di Bawah Blog dan Tombol Close

Gambar : Contoh iklan responsive di bawah blog

Memasang Iklan Melayang Responsive di Bawah Blog dengan Tombol Close - Apa kabar teman - teman semua, semoga sehat dan lancar aktifitas ngeblog nya.

Hari ini saya akan berbagi tutorial tentang cara memasang iklan melayang (Fixed ad banner atau text) dibawah blog yang responsive dengan tombol close.

Banyak blogger memasang iklan ini, kenapa kira-kira ?
saya mempunyai analisa tersendiri untuk kasus ini, iklan melayang di bawah blog yang responsive memungkinkan pengunjung dapat 100% melilhat iklan tersebut

Baik itu pengunjung versi desktop ataupun versi mobile, lalu kenapa harus ada tombol closenya ?

Tombol close di buat agar iklan  bisa di tutup dan tidak di laporkan oleh pengunjung sebagai iklan yang menutupi laman, karena jika dilaporkan maka sobat bisa di tegur si mbah loh...

Banyak orang memulai blog karena cuman hobi, ada yagng hanya pengin mencari teman, toko online, menghasilkan uang dan lain sebagainya.

Sebagai alternatif pendapatan yang bisa kita lakukan adalah dengan memasang space iklan di blog untuk membantu advertiser mempromosikan produknya.

Satu sisi tujuan kita tercapati, satu sisi kita dapat mendapatkan pendapatan dari blog tersebut.

Berikut Cara Memasang Iklan Melayang Responsive dengan Tombol Clos

Cara memasangkannya cukup mudah, kamu tinggal Paste  kode dibawah ini di atas

Caranya masuk ke blogger >> Pilih template >> pilih Edit HTML

Gunakan Ctrl + F untuk lebih mudah mencari

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT0QmMSosDcHmc-DJn_SElNFQzRyAglpOqQR6elipF4oBC7MUtY8hYNzrnqdzEJnKvY1nbAZdq9Bksd6FBZYDnXKZ-n7Jtu46P7wdivAcSa9OEC6WJ5WhB6tNBn8Fff0KPoA9lOAO7AZnK/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCYJrOeNDJ78iAn-jD5xTJAkRo1X_Q0YaBNtmxr8KTs9jq0Cy3MAz0Fd8mekyHWVYdJLKIjEDuih2lk_v_OfQHPeIY-6AxXaBjbM1PRaYn7xOxgrLyUq1FAqXbDyEG8SjZeZssUqs7AY5H/s1600/arlina-tea.png'/></a>
</div>
</div>

Ganti lebar dan keterangan iklan pada kode yang ditandai sesuai keinginan. Selanjutnya simpan template

Terimakasih, semoga bermanfaat ya teman. jangan lupa tinggalkan komentar dan jejak blog kamu, nanti saya mampir langsung untuk melihat.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest

Sandi Fadilah

Artikel Terkait