How to Install Sticky Ad Under Blog

Table of Contents

Installing a sticky Ad under this blog is indeed very suitable for blogs that want to add more ad slots than before. Installing sticky Ads under blogs is indeed often encountered on popular sites or sites that provide advertising space.

What you need to pay attention to when you have sticky Ads on your site is that it would be better if you add a close button in the sticky Ad content so that visitors can choose to close the ads that they think are less attractive.

Alright, therefore in this article I will give tips on How to Install Sticky Ad Ads Under Blogs as follows:

How to Install Sticky Ad Under Blog

Go to blogger page > Click Layout menu > Add new widget and add below code in that widget.

<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/AVvXsEiGIn-Xc_QfV-6v767vt_VHnzEVeebpv8vPCWOqKLR5iezNFv8xIlnJSAkivkypXDZWzqqeH4sd2ROY2es56j1q4FLSPGg6FchK0l8kOW6FgoXMrnjEDhihLMtxkxB86gDGd-VI2P8UiU8H/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/AVvXsEi4LJ3xCLna5K7R1BKez5Qs7ngKNYazbg_gAU45WM0wOcCKBKIE5vqniBSGncXI98f52Ji8TO8rZY7-APA4dDC0sQU7YrgZpEib1ZWPitQaMFDZjC_sWWfjM2TsB3zd9ZWyPCikvcs3I7Oq/s1600/sevenn.png'/></a>
</div>
</div>

Edit the marked sections and adapt them to your blog. After that save the widget and you are done.

If you want to add an ad unit code from Google Adsense or any other ad unit, remove the part marked in the code below and replace it with your Adsense ad unit.

<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/AVvXsEiGIn-Xc_QfV-6v767vt_VHnzEVeebpv8vPCWOqKLR5iezNFv8xIlnJSAkivkypXDZWzqqeH4sd2ROY2es56j1q4FLSPGg6FchK0l8kOW6FgoXMrnjEDhihLMtxkxB86gDGd-VI2P8UiU8H/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/AVvXsEi4LJ3xCLna5K7R1BKez5Qs7ngKNYazbg_gAU45WM0wOcCKBKIE5vqniBSGncXI98f52Ji8TO8rZY7-APA4dDC0sQU7YrgZpEib1ZWPitQaMFDZjC_sWWfjM2TsB3zd9ZWyPCikvcs3I7Oq/s1600/sevenn.png'/></a>
</div>
</div>

That's how to install sticky ads under the blog in this article.