Footer sticky ads script for blogger
![]() |
Sticky Ads Demo |
Hello Guys, You are here because you need sticky ads on your blog. How we put sticky ads on blog. If you need sticky ads on your blog then you are in right place.
Welcome back, Now I will give you a solution how to add footer sticky ads. If you are a blogger then you must search for free blog script, free blog widget and free templates for make your blog(website) professional look then stay with us.
Features of sticky ads.
- AdSense Friendly.
- Responsive on mobile, tablet and desktop view.
- Increase your ads revenue (CPC & CPM)
- This Script is very easy to setup and modify. Just put absence ads code on script.
- With close button.
- Appears on every pages.
How to add responsive sticky button on blogger full guide.
- Login in blogger dashboard.
- Click on 3 line top of dashboard. And click on "Theme".
- Click on down arrow near of customize button, First click on backup them and backup then click on "Edit HTML"
- Search </body> tag on HTML code.
- Copy code from down below.
- Place a code before</body> tag.
- Create new ads unite on AdSense size fix 340*55.
- Place your AdSense code on "Input Here ads Code (340x55)".
- Click on Save theme.
Footer Sticky Button Code
<script type='text/javascript'>$;(document).ready(function() {$;('img#closed').click(function(){$;('#bl_banner').hide(90);});});</script>
<div id='fixedban' style='width:100%;margin:auto;float:none;align:center;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById("fixedban").style.display = "none";' style='cursor:pointer;'>
<img align='left' alt='close' height='15' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixRokqWPXdbveThZaHaIymCP0Gviy3RKccfZe2xP779MJL2FFGw7sb4i-6QRbjgNk6FhZnNcokoEnvVsAfEZekCdnNtIL4Panj-_vlfrlvS_ocNj5R0bIMPAQ0PCQ2BUTEvKXaUWBlcPoF/w200-h168/cancel-47588_640.png' style='vertical-align:super;' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
Input Here ads Code (340x55)
</div>
</div>
Now , Finish our process successfully create a sticky ads on blog. Thank you for visit, Keep Visiting for more blogging knowledge.