√ Cara Memasang Sticky Ads di Bawah Blog

Cara Memasang Sticky Ads di Bawah Blog

7/29/2023

Memasang Sticky Ads di Bawah Blog ini memang sangat cocok untuk blog yang ingin menambahkan slot iklan yang lebih banyak dari sebelumnya. Memasang Sticky Ads 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.

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

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

Cara Memasang Sticky Ads 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 Ads' 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/AVvXsEjx1n7XRIh8w_BCjt0pj2BZe7N7RkqRvvF0leC_bpp2ePrLUqCkbeGAb0gkKxURdQqbeMGPtFH7YyBAHJ_8kSNecuWoIk6ypHsWEEFoUHd_zhLd6CnOd2usZ_DDv852cNUEwm-ZtZ76hsVwTP9FX5Gxec__29o9QiahbMvulnRK0DsVLT9vHWOV5yeiOakg/s16000/Sticky%20Ad.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 Ads' 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/AVvXsEjx1n7XRIh8w_BCjt0pj2BZe7N7RkqRvvF0leC_bpp2ePrLUqCkbeGAb0gkKxURdQqbeMGPtFH7YyBAHJ_8kSNecuWoIk6ypHsWEEFoUHd_zhLd6CnOd2usZ_DDv852cNUEwm-ZtZ76hsVwTP9FX5Gxec__29o9QiahbMvulnRK0DsVLT9vHWOV5yeiOakg/s16000/Sticky%20Ad.png'/></a>
</div>
</div>

Klik tombol di bawah untuk melihat hasilnya

Result

Oke, sekian dari Arane untuk Cara Memasang Sticky Ads di Bawah Blog, semoga bermanfaat.

_slamjay 7/29/2023