Install Sticky Ad Below the Blog is indeed very suitable for blogs that want to add more ad slots than before. Install Sticky Ad under the blog we often find on popular sites or sites that provide advertising space, what else if not to look for profits from the results of blogging.
What needs to be considered when having Sticky Ad on your site is that it would be better if you add a close button on the Sticky Ad content so that visitors can choose to close ads that they think are less desirable.
Alright, so from here Namina will give tips on How to Install Sticky Ad under the Blog as follows.
How To Install Sticky Ad Below Blog
Open the Blogger page > Click the Layout menu > Add a new widget and add the code below in the 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({$('img#closed').click(function(){$('#bl_banner').hide(90);});});
</script>
<div id='stickyb' class='stickywrap'>
<div><a id='close-stickyb' onclick='document.getElementById('stickyb').style.display = 'none';'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcJrpbea0y_-rTfSU8HztDfwGZveSInO1LuvJ2d1KeDt4NAhjCojLCS5Fh-jy_pYJ4uhRcZ5xugJRsOJhmHWWGN0HdD9nTXzoCg0Z0yykmusUKr23_p0Di2RqidGX6cuiT89Gv6jb_JnAP/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div>
<div class='stickyzone'>
<a href='#' title='Banner ad here'><img alt='Banner ad here' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb0_5NtLqMbwWhibvPm_nHL2I2SZSc-xvX05jVUyTquWrSQT6gB3VrVYlwwlaYtCXKIFH4AzTTTcXpVcMT4shYKjkzcksKudaR9BDANcL9Y7Glk-dRzpZI5dZPHM0snG0CrH4-6VlI9oIT/s1600/sevenn.png'/></a>
</div>
</div>Edit the highlighted sections and adjust them to your blog.
After that save the widget and finish.
If you want to add the ad unit code from Google AdSense or other ad units, delete the section 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({$('img#closed').click(function(){$('#bl_banner').hide(90);});});
</script>
<div id='stickyb' class='stickywrap'>
<div><a id='close-stickyb' onclick='document.getElementById('stickyb').style.display = 'none';'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcJrpbea0y_-rTfSU8HztDfwGZveSInO1LuvJ2d1KeDt4NAhjCojLCS5Fh-jy_pYJ4uhRcZ5xugJRsOJhmHWWGN0HdD9nTXzoCg0Z0yykmusUKr23_p0Di2RqidGX6cuiT89Gv6jb_JnAP/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div>
<div class='stickyzone'>
<a href='#' title='Banner ad here'><img alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb0_5NtLqMbwWhibvPm_nHL2I2SZSc-xvX05jVUyTquWrSQT6gB3VrVYlwwlaYtCXKIFH4AzTTTcXpVcMT4shYKjkzcksKudaR9BDANcL9Y7Glk-dRzpZI5dZPHM0snG0CrH4-6VlI9oIT/s1600/sevenn.png'/></a>
</div>
</div>Click the button below to see the results
Okay, that's all from Reva for How to Install Sticky Ad under the Blog , hopefully useful.
