Float Adsense Right Or Left On Your Blog | InfoTechBlogging InfoTechBlogging: Float Adsense Right Or Left On Your Blog

Posted by Syed Muhammad Ali Adsense is a great site to make money and the most important things is that where to place these ads. You may have placed Adsense or other ads on sidebar and on header but they cannot seen when window is scrolled. Here is the best way to Float Adsense on left or right on your blog and they cannot disappear when scrolled. Just follow the below steps to float ads on your blog

  • Go to Blogger
  • Log-In to your Dashboard
  • Go to layout tab and click Add Html/Javascript
  • Paste the below code in the Html Section

#infotechbloggingflotads {

height:30px;

width:auto;

background: #333333 url(‘..’);

background-repeat:repeat-x;

text-align:left;

padding-top:4px;

}

#itbadsbase{

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;

}

#itbadsheadline{

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;}

function getValue()

{

document.getElementById(“itbadsheadline”).style.display = ‘none’;

}

close(x)

Ads code here

  • Click On Save and you are done

Customization:

  • Replace Ads code here with your Ad Code. It supports 160X600 Format ad
  • Change Left to right if you want to place this widget to float at right
  • Change 160 to change width and 600 to change Height

Follow Us!

About This Blog:
InfoTechBlogging is owned by Syed Muhammad.Ali who loves to help other bloggers in starting their Blogging career. He also share Blogger Widgets and Templates.
Follow Him at : Google |Facebook| Twitter