Are you looking for sticky footer adsense css code for wordpress with close button? Then you are in the right place. In this article we will provide sticky footer adsense css code for wordpress with close button.
How to Place the code in WordPress?
- Just copy one code from below
- Add a HTML Widget anywhere in your Website
- Paste the code in that HTML Widget
- Replace the given Adsense code with your personal Adsense code
(Tips- Use 468 x 60 or 300 x 50 or 32 0x 50 0r 720 x 90 Ad size for better results)
Code No 1- Small Close Button in Left side of the Screen
<script type=’text/javascript’>
$(document).ready(function() {
$( & #39;img# closed & #39;).click(function(){$(&# 39;# bl_banner & #39;).hide(90);});});
</script>
<div id=’fixedbanner’ style=’position: fixed;left: 0;bottom: 0;width:100%;text-align: center;transition: all .1s ease-in;z-index:999;-webkit-transform:translateZ(0);’>
<div> <a class=’close-stky-ads’ onclick=’document.getElementById('fixedbanner').style.display = 'none';’ style=’cursor:pointer;display: flex;float: left;’><img alt=’close button’ src=’https://i.imgur.com/o5MMNi9.gif’ title=’close button’/></a>
</div>
<div class=’stky-ads’ style=’width: 100%;padding: 5px 0;box-shadow: 0 -6px 18px 0 rgba(9, 32, 76, .1);display: flex;align-items: center;justify-content: center;background-color: #fefefe;max-height: 100px;’>
<!– Your Adsense Code Starts Here–>
<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– 300 and 50 –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:468px;height:60px”
data-ad-client=”ca-pub-0000″
data-ad-slot=”0000″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!– Your Adsense Code Ends Here–>
</div>
</div>
Code No 2- Small Close Button in The Right side of the Screen
<script type=’text/javascript’>
$(document).ready(function() {
$( & #39;img# closed & #39;).click(function(){$(&# 39;# bl_banner & #39;).hide(90);});});
</script>
<div id=’fixedbanner’ style=’position: fixed;left: 0;bottom: 0;width:100%;text-align: center;transition: all .1s ease-in;z-index:999;-webkit-transform:translateZ(0);’>
<div> <a class=’close-stky-ads’ onclick=’document.getElementById('fixedbanner').style.display = 'none';’ style=’cursor:pointer;display: flex;float: right;’><img alt=’close button’ src=’https://i.imgur.com/o5MMNi9.gif’ title=’close button’/></a>
</div>
<div class=’stky-ads’ style=’width: 100%;padding: 5px 0;box-shadow: 0 -6px 18px 0 rgba(9, 32, 76, .1);display: flex;align-items: center;justify-content: center;background-color: #fefefe;max-height: 100px;’>
<!– Your Adsense Code Starts Here–>
<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– 300 and 50 –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:468px;height:60px”
data-ad-client=”ca-pub-0000″
data-ad-slot=”0000″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!– Your Adsense Code Ends Here–>
</div>
</div>
Code No 3- Big Close Button in Left side of the Screen
<script type=’text/javascript’>
$(document).ready(function() {
$( & #39;img# closed & #39;).click(function(){$(&# 39;# bl_banner & #39;).hide(90);});});
</script>
<div id=’fixedbanner’ style=’position: fixed;left: 0;bottom: 0;width:100%;text-align: center;transition: all .1s ease-in;z-index:999;-webkit-transform:translateZ(0);’>
<div> <a class=’close-stky-ads’ onclick=’document.getElementById('fixedbanner').style.display = 'none';’ style=’cursor:pointer;display: flex;float: left;’><img alt=’close button’ src=’https://i.imgur.com/iGz9KiU.gif’ title=’close button’/></a>
</div>
<div class=’stky-ads’ style=’width: 100%;padding: 5px 0;box-shadow: 0 -6px 18px 0 rgba(9, 32, 76, .1);display: flex;align-items: center;justify-content: center;background-color: #fefefe;max-height: 100px;’>
<!– Your Adsense Code Starts Here–>
<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– 300×50 –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:300px;height:50px”
data-ad-client=”ca-pub-0000″
data-ad-slot=”0000″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!– Your Adsense Code Ends Here–>
</div>
</div>
Code No 4- Big Close Button in Right side of the Screen
<script type=’text/javascript’>
$(document).ready(function() {
$( & #39;img# closed & #39;).click(function(){$(&# 39;# bl_banner & #39;).hide(90);});});
</script>
<div id=’fixedbanner’ style=’position: fixed;left: 0;bottom: 0;width:100%;text-align: center;transition: all .1s ease-in;z-index:999;-webkit-transform:translateZ(0);’>
<div> <a class=’close-stky-ads’ onclick=’document.getElementById('fixedbanner').style.display = 'none';’ style=’cursor:pointer;display: flex;float: right;’><img alt=’close button’ src=’https://i.imgur.com/iGz9KiU.gif’ title=’close button’/></a>
</div>
<div class=’stky-ads’ style=’width: 100%;padding: 5px 0;box-shadow: 0 -6px 18px 0 rgba(9, 32, 76, .1);display: flex;align-items: center;justify-content: center;background-color: #fefefe;max-height: 100px;’>
<!– Your Adsense Code Starts Here–>
<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<!– 300×50 –>
<ins class=”adsbygoogle”
style=”display:inline-block;width:300px;height:50px”
data-ad-client=”ca-pub-0000″
data-ad-slot=”0000″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!– Your Adsense Code Ends Here–>
</div>
</div>
So that sums up our article on sticky footer adsense css code for wordpress with close button. Hpoe you like it.
