10 March 2015

Add Float Adsense and Other Ads On Left or Right Side Of Your Blog

Add Float Adsense and Others On Left or Right Side Of Your Blog
Floating ads is effective when you don’t have enough space on your blog. Generally we can see our blog’s left and right side always vacant which is known as idle space and we can easily utilized those gap by using floating technique that can generate more click on AdSense ads. This will not occupy your valuable space from your blog content space or sidebar, footer section. In this tutorial I will share how to use 160px X 600Px AdSense ads can be float right or left site of your blog. Not only AdSense ads can be float you can use any affiliates ads to make float.

 Must Read Customize Blogger Default Contact Form

Add This on Blogger

  • Log onto Blogger Dashboard> Layout
  • Choose HTML/JavaScript widget
  • Paste the following code inside it

<style> #techtrickhomeflotads { height:30px; width:auto; background: #333333 url('..'); background-repeat:repeat-x; text-align:left; padding-top:4px; } #tthadsbase{ height:600; margin:0auto; width:160px; background:#fff; border-bottom:2px #333333 solid; border-right:2px #333333 solid; border-left:2px #333333 solid; text-align:center; padding:4px; } #tthadsheadline{ opacity:1.0; height:auto; width:auto; position:fixed; top:65px; left:10px; border-bottom:1px #005094 solid; border-bottom:0px blue solid; color:#333; padding:0px; z-index:1001; font-size:13px;} </style> <script type="text/javascript"> function getValue() { document.getElementById("tthadsheadline").style.display = 'none'; } </script> <div id="tthadsheadline"> <div id="techtrickhomeflotads"> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span> <span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://www.techtrickhome.com/2013/07/float-adsense-on-sidebar-of-blogger.html" target="_blank" rel='nofollow' onclick="getValue()">close(x)</a></span> </div> <div id="tthadsbase"> <h3></h3> <p align="left"><h3></h3></p> <p> Your Ad Code Here <br/></p></div></div>

  • Now save it and you're all done.


  • Replace "Your Ad Code Here" With Your Own Ad Code.
  • Change 160px to Increase or Decrease Width.
  • Change Left With Right to Float Right Side Of Your Blog.
  • Use opacity:0.0; to make transparent floating ads.

Users of Google AdSense often ask a question: Is it okay to show AdSense ads in a fixed position div element?. Such a div is created by position:fixed in style property. A lot of AdSense publishers feel the urge of placing Google ads in such floating div. They believe that it will get more clicks on Google ads and therefore they will earn more from their website / blog. Yes, it is true that such an ad may push your CTR up —but such floating ads are not allowed by Google. That makes such fixed position ads a dirty black hat trick.

You should not place ads in fixed floating DIVs because it is against the Google’s Ad Implementation Policy,so if still you want to then do use it on your own risk
Articles You May Like

4 comments: Leave Your Comments