
As you can see fixed the floating AdSense ads on my website and today in this article I am going to tell you how you can make this kind of floating AdSense ad on your website.
For this, we are going to use HTML, CSS and JavaScript. The source code of this widget is not too much longer and it will not affect your website speed or any other thing.
I am just writing this article because one of my friends asked me how we can create and add this kind of fixed floating AdSense ad on the website.
I don't know that does AdSense allows it or not but I have seen 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 copy the 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 the </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>
Amigo, como lo hago para ponerlo en los lados, ya sea izquierdo o derecho
Reply DeleteEspere el próximo artÃculo, compartiré el método para mostrar AD en ambos lados. Gracias por tus comentarios.
Reply Delete