Header Ads

Memasang Iklan Melayang Responsive dengan Tombol Close

Memasang Iklan Melayang Responsive dengan Tombol Close

Selain menempatkan Iklan di sidebar dan isi posting artikel, anda juga bisa menempatkan iklan tersebut di badan template,  dengan Memasang Iklan Melayang Responsive (Fixed Banner) dengan Tombol Close anda tidak perlu takut untuk kehilangan visitor blog yang datang dari Smartphone atau tablet karena iklan ini akan mengikuti ukuran paltform yang digunakan ketika blog di akses. seperti gambar di bawah ini.

Memasang Iklan Melayang Responsive dengan Tombol Close

Lihat Juga: Cara Memasang Iklan di Tengah Artikel Postingan

Jika anda tertarik ingin memasang jenis iklan ini di blog, silahkan ikuti langkah-langkahnya dibawah ini.

Silahkan anda Copas kode di bawah ini dulu ke Notepad
<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='https://1.bp.blogspot.com/--_BX_9zq5Mo/WbM-qk9LypI/AAAAAAAABDc/Z_8yXy2Uz3UG9GEF_B9RHXR_Wg-WOH3dQCLcBGAs/s1600/77.png'/></a>
</div>
</div> 

Setelah itu anda ganti Url Banner yang saya tandai dengan warna kuning dengan milik anda, jika ingin mengubah ukuran bannernya silahkan Rubah 728px dengan yang anda inginkan, selain itu anda juga bisa mengubah Url tujuan banner ketika di klik ke blog/website  lain dengan cara mengganti tanda #. jika sudah di rubah dengan milik anda copy kode tersebut.

lalu Masuk ke Dashboard Blog anda, lalu pilih Template, Edit HTML cari kode </body> Setelah ketemu pastekan kode tadi di atas kode </body> kemudian Simpan Template.

Apakah bisa Untuk Iklan Google Adsense ? tentu saja bisa tapi saya tidak bertanggung jawab jika Adsense anda di Banned.

Caranya anda Hapus kode pada bagian yang saya warnai dengan warna kuning di bawah ini dengan kode Unit Iklan Adsense anda.
<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='https://1.bp.blogspot.com/--_BX_9zq5Mo/WbM-qk9LypI/AAAAAAAABDc/Z_8yXy2Uz3UG9GEF_B9RHXR_Wg-WOH3dQCLcBGAs/s1600/77.png'/></a>
</div>
</div> 

No comments

Powered by Blogger.