Cara Pasang Sticky Ad di Bawah Blogger

Memiliki slot iklan yang banyak merupakan cara untuk meningkatkan pendapatan, untuk itu kita perlu Memasang Sticky Ad di bawah tampilan blogger. Memasang Slot Sticky Ad di bawah blogger sering dijumpai pada situs-situs populer atau situs yang menyediakan space iklan, tujuannya yaitu untuk mencari keuntungan dari hasil bloggingnya.

Cara Memasang Sticky Ad di Blogger

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

Oke langsung aja kita ke tutorial Cara Pasang Sticky Ad di Bawah Blogger sebagai berikut.

Cara Pasang Sticky Ad di Bawah Blogger

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAO5gD1MdIRKLFp9I3Tv8adI4ffpIZ2h3YhJf0VwEBhFceYdpnFqOX5tnIjyO3z-_s0bm_KvQ4eVB_Q6wzosiqCfPNUyCvcnA0INilNpOXqUV5cQK2OKQ3eG7Ytgo_WpFDJHLw18tWM2fC/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhuyTFblKWQHIjG0ZlUq6ZmbHEgthf7gapoaUJCuyDJxAsbAZH1P2Bg3IL2OySajoWdH7W94GfJ6ZhQHH5Px8r8IRVPLVNM0cNrnO5KdwABhn_VBSgDnOC8fI-krC4cYRUPZLuOjP9_7yv/s1600/sevenn.png'/></a>
</div>
</div>

Edit pada 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAO5gD1MdIRKLFp9I3Tv8adI4ffpIZ2h3YhJf0VwEBhFceYdpnFqOX5tnIjyO3z-_s0bm_KvQ4eVB_Q6wzosiqCfPNUyCvcnA0INilNpOXqUV5cQK2OKQ3eG7Ytgo_WpFDJHLw18tWM2fC/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhuyTFblKWQHIjG0ZlUq6ZmbHEgthf7gapoaUJCuyDJxAsbAZH1P2Bg3IL2OySajoWdH7W94GfJ6ZhQHH5Px8r8IRVPLVNM0cNrnO5KdwABhn_VBSgDnOC8fI-krC4cYRUPZLuOjP9_7yv/s1600/sevenn.png'/></a>
</div>
</div>

Sekian dulu tutorial dari saya kali ini, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya.