in , ,

How to make a Floating Adsense Bar with a Close Button


admob,google adsense app,googleadsnce,adsense sign up youtube,learn google adsense,google adsense job,google adsense youtube,youtube monetization,blogger,analytics,google adsense asking for website,url of your site,can't sign up for adsense,google adsense resources,admob login,adsense help,adsense issues,adsense new update,how to create adsense account without website,adsense meaning,history of google ads,adsense youtube,adsense app,google adsense tutorial, ,google ad network,google adsense earnings,google admob,swagbucks,making money online,how to make money online with google for free,blogger adsense approval,adsense payment,adsense for youtube,adsense covid,adsense vs,how much money earn from google adsense,how much does adsense pay per view,google adsense on wix,how much traffic needed for adsense,how to make money on google ads,how to earn money from google at home,google adsense earnings per click,how to make money with gmail ads,google adsense earnings calculator,make money with banner ads,advertise and get paid,

Hi MashByte Readers, another tutorial is here for you guys, and as usual its very simple to apply to any blog or site since its a JavaScript

Today we are going to learn about how to add a floating bar with adsense having a close button as we always see …being implemented on many websites and blogs……

Some importance of this is that it increases your adsense earnings and also enhances your CPC with many others to think of…

so to start, lets follow this instructions carefully.. though its simple but if care is not taken might affect your site…


  1. Go To 
  2.  Select Your Blog.
  3.  Select Theme >>  Always Remember to Backup first!!!
  4. Then click on the arrow near ‘Customize’ and click on Edit HTML
  5. Now search for “/ body “ then Copy and  the JS code below just above it.
<!-- Adsense Banner by -->

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
<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(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='' 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'>
<a href='#' title='Banner MashByte'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner MashByte' src=''/></a>

Kindly Change the highlighted link with your own adsense code respectively.

Save your template after everything ………………..Please the Demo is

I hope you find this useful, but if in any case you find it difficult to apply it to your site, then leave a comment below for help and a quick reply, or use our Contact page for a personal assistant.

Note: You have the right to share this with anyone of your choice or on your blog….but Don’t forget to link back to… Read our ToC  or our DMCA here to understand how our Terms very well.

Remember to Subscribe and  share……. 

What do you think?

Written by Kwabena

Kwabena is a tech freak, passionate about every new gadget and technology that comes his way. Always searching, always curios, he managed to gather an astounding experience that is very useful in his Info-Tech career.....


How to make a Beautiful Mouse Cursor for Blog.

Learn To Build your own Cyber Sec Lab at Home for free!!