Cara Membuat Iklan Melayang Responsive Dibawah Blog dengan Tombol Close

Bergantung pada judul di atas, kali ini, saya akan berbagi tutorial tentang cara menginstal / membuat iklan mengambang di bawah blog dengan tombol tutup dan iklan tampak sensitif.

Cara Membuat Iklan Melayang Responsive Dibawah Blog dengan Tombol Close

Buat ruang iklan baik spanduk dan iklan teks di bawah posting atau dengan efek mengambang biasanya diterapkan ke blog terkenal yang menyediakan ruang iklan.

Penggunaan jenis posisi iklan ini tentu saja menghasilkan dan mencari manfaat blog.

Dan Anda tidak khawatir jika troli blognya nanti, karena dasar skrip periklanan berasal di bawah blog dengan tombol penutup sempit dan sederhana ini menggunakan sedikit javascript dan tidak memerlukan perangkat perpustakaan jQuery.

Nah, bagi Anda yang tertarik untuk mencobanya, silakan baca tutorial di bawah ini.

Cara Membuat dan Memasang Iklan Melayang Responsive Dibawah Blog dengan Tombol Close

  1. Pertama, buka Blogger >> Tema >> Edit HTML.
  2. Letakkan kode berikut diatas / sebelum kode </body>
    <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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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='linkgambar'/></a>
    </div>
    </div>
    Catatan : Ganti kode #, Banner Iklan Disini, dan linkgambar sesuai keinginan anda. Dan jika anda ingin merubah lebar iklan, bisa ubah kode max-width:728px.
  3. Kemudian klik Simpan Tema.

Demikian Tutorial cara membuat iklan melayang responsive di bawah blog dengan tombol close. Selamat mencoba dan semoga berhasil