January 15, 2020

Cara Memasang Sticky Ad di Bawah Blog

Cara Memasang Sticky Ad di Bawah Blog

Memasang Sticky Ad di Bawah Blog ini memang sangat cocok untuk blog yang ingin menambahkan slot iklan yang lebih banyak dari sebelumnya. Memasang Sticky Ad di bawah blog memang sering kita jumpai di situs-situs populer atau situs yang menyediakan space iklan, tujuannya apa lagi kalau bukan untuk mencari keuntungan dari hasil bloggingnya.

Cara Memasang Sticky Ad di Bawah Blog

Yang perlu diperhatikan saat memiliki Sticky Ad di situs Anda yaitu akan lebih baik lagi jika menambahkan tombol close di konten Sticky Ad tersebut agar pengunjung bisa memilih untuk menutup iklan yang menurut mereka kurang diminati.

Baiklah, maka dari itu di sini Namina akan memberikan tips Cara Memasang Sticky Ad di Bawah Blog sebagai berikut.

Cara Memasang Sticky Ad di Bawah Blog


Buka halaman Blogger > Klik menu Tata Letak > Tambahkan widget baru dan tambahkan kode di bawah ini dalam widget tersebut.

<style type='text/css'>
.stickywrap{width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:9999}
.stickyzone{text-align:center;display:block;max-width:970px;height:auto;overflow:hidden;margin:auto}
.stickyzone img{max-width:100%;height:auto;vertical-align:middle}
.stickyclose{cursor:pointer;text-align:center}
</style>
<script type='text/javascript'>
$(document).ready(function({$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='stickyb' class='stickywrap'>
<div><a id='close-stickyb' onclick='document.getElementById(&apos;stickyb&apos;).style.display = &apos;none&apos;;'><img alt='close' src='https://3.bp.blogspot.com/-6LAwZExOdHM/Xh7fAY_R5rI/AAAAAAAACB0/gHeIT7IiNKs51DmS34eoBwalg9tiL42AgCNcBGAsYHQ/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div>
<div class='stickyzone'>
<a href='#' title='Banner iklan disini'><img alt='Banner iklan disini' src='https://3.bp.blogspot.com/-vaXxOw739bU/Xh7ZPDIeH8I/AAAAAAAACBc/vQztOaoSw6QuIb6bjQuJmxm237EyI0acwCNcBGAsYHQ/s1600/sevenn.png'/></a>
</div>
</div>

Edit bagian-bagian yang ditandai dan sesuaikan dengan blog Anda.

Setelah itu simpan widget dan selesai.

Jika ingin menambahkan kode unit iklan dari Google AdSense atau unit iklan lainnya, hapus bagian yang ditandai pada kode di bawah ini dan ganti dengan unit iklan AdSense Anda.

<style type='text/css'>
.stickywrap{width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:9999}
.stickyzone{text-align:center;display:block;max-width:970px;height:auto;overflow:hidden;margin:auto}
.stickyzone img{max-width:100%;height:auto;vertical-align:middle}
.stickyclose{cursor:pointer;text-align:center}
</style>
<script type='text/javascript'>
$(document).ready(function({$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='stickyb' class='stickywrap'>
<div><a id='close-stickyb' onclick='document.getElementById(&apos;stickyb&apos;).style.display = &apos;none&apos;;'><img alt='close' src='https://3.bp.blogspot.com/-6LAwZExOdHM/Xh7fAY_R5rI/AAAAAAAACB0/gHeIT7IiNKs51DmS34eoBwalg9tiL42AgCNcBGAsYHQ/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div>
<div class='stickyzone'>
<a href='#' title='Banner iklan disini'><img alt='Banner iklan disini' src='https://3.bp.blogspot.com/-vaXxOw739bU/Xh7ZPDIeH8I/AAAAAAAACBc/vQztOaoSw6QuIb6bjQuJmxm237EyI0acwCNcBGAsYHQ/s1600/sevenn.png'/></a>
</div>
</div>

Klik tombol di bawah untuk melihat hasilnya


Oke, sekian dari Namina untuk Cara Memasang Sticky Ad di Bawah Blog, semoga bermanfaat.
Cara Memasang Sticky Ad di Bawah Blog
4/ 5
Oleh