Making fixed floating AdSense AD is the main aim of this today's article I hope you will like this article.
As you can see fixed floating AdSense ad on my website and today in this article I am going to tell you how you can make this kind of floating AdSense ad in your website.
For this we are going to use HTML, CSS and JavaScript. The source code of this widget is not too much lengthy and it will not affect your website speed any other thing.
I am just writing this article because one of my friend asked me how we can create and add this kind of fixed floating AdSense ad in website.
I don't know that does AdSense allow it or not but I have seen on many websites using this technique.
So below are the steps that we have to follow to add this widget in blogger but if you are a wordpress user then you can simply copies source code provided below and paste it into the index.php file of your wordpress code editor.
Steps To Follow:
- Go to Blogger Dashboard
- Go to Theme/Template Section
- Click Edit HTML
- Now Search for </body>
- Now copy the code provided below and add it after </body> tag.
- Save Theme/Template
To search anything in blogger template section press Ctrl+F and then type term to search and press enter.
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;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 alt='close' src='https://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
Paste your AdSense AD Code here
</div>
</div>Conclusion:
In this article we have learnt how we can make fixed floating AdSense ad widget in our website I hope that this article helped you alot and solved your problem.
I am a web Designer & Graphics Designer. I love to program and design. Sharing knowledge is my passion & Programming is my Hobby. Want Help? Contact Me its free.!
No comments