Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive

Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive - Selamat pagi pengunjung setia triksimple.com sepakat kali ini aku akan share bagaimana cara memasang iklan melayang pada blog yang tentunya responsive, para blogger tentunya menyerupai aku ini menampilkan iklan ini akan menambah impression adsense pada blog sahabat tentunya.

Banner ini dapat dipasang dengan gambar maupun adsense sahabat menyerupai gambar diatas, blogger sekerang mempunyai tujuan yang berbeda - beda ada yang ingin menghasilkan uang sampingan, dikenal banyak orang, atau pun memang suka hobi menulis artikel, tentunya dengan memasang iklan banner di blog sobat, sahabat dapat juga mempromosikan produk orang lain maupun produk milik sahabat sendiri.

Banner diatas mempunyai tombol close diatas iklannya gunanya untuk menghilangkan iklan tersebut jikalau pengunjung sahabat risih atau tidak nyaman kalau ada iklan yang menghalangi ketika pengunjung membaca artikel sobat.

Baca Juga : Cara Praktis Membuat Iklan Parallax Adsense di Blog

Oke eksklusif saja ke caranya...

Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive

Pertama sahabat masuk terlebih dahulu ke Blogger.com > Tema > Edit HTML copy aba-aba dibawah ini dan pastekan sempurna diatas aba-aba </body> atau &lt;/body&gt;

<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/AVvXsEh8ib_rqUpjjbGx2DogtStWt9HGpGzdxXdu_0P2mEdkhF8iP6TpUJ8G2N6a1TI6oa8C-Ib4rsfy2A9TArqMmhvCN7LDJb7GrruO_QxJb_vmG9CUBVr57m-Py1ANq1unEKhMbDo1alKO2-ee/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/AVvXsEguGoDK-0LUgHvwXXoHBU2BzQ3FYPgHPO1vZMnqQDODQYC_UdiXraMoAWf3q5ZXBqjbPimrYMWRt4TGmMAhMy6gJ-gVNg1cZTGF_I_qfmNL24Jdvmprauw9CsdtvYOM7KclNib9EEaAr3xm/s1600/arlina-tea.png'/></a> </div> </div>

Untuk banner yang ingin dipasang dengan adsense yang bertanda merah dapat diganti dengan aba-aba adsense sobat, atau dapat lihat aba-aba dibawah ini

<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/AVvXsEh8ib_rqUpjjbGx2DogtStWt9HGpGzdxXdu_0P2mEdkhF8iP6TpUJ8G2N6a1TI6oa8C-Ib4rsfy2A9TArqMmhvCN7LDJb7GrruO_QxJb_vmG9CUBVr57m-Py1ANq1unEKhMbDo1alKO2-ee/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'>  Paste Kode Adsense Disini!  </div> </div>

Jika sudah klik simpan pada template sobat, dan lihat hasilnya.

Baca Juga : Cara Memasang Iklan Adsense di Tengah Postingan Artikel

Oke sekian yang dapat aku sampaikan tentang Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive Terima Kasih yang sudah berkunjung biar bermanfaat bagi kalian semua.


Sumber https://www.triksimple.com/

Bagikan Artikel ini