In this tutorial i'm going to share how to use 160px x 600Px AdSense ads or any other Affiliate ads can be float right or left site of your blog.Before applying this floating ads tricks please read carefully Terms of Service of your respective Affiliates ads network.
how to add floating adsense and affiliate ads in right side or left sider in blogger
Step 1. Log in to your Blogger account and Go to your Blogger DashboardStep 2. Now Go to your Layout.
Step 3. Now Click on "Add a Gadget" then select "HTML/JavaScript".
Step 4. Now Copy the below code and Paste it in "HTML/JavaScript".
<style>
#bloggersstandflotads {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bloggersstandadsbase{
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;
}
#bloggersstandadsheadline{
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("bloggersstandadsheadline").style.display = 'none';
}
</script>
<div id="bloggersstandadsheadline">
<div id="bloggersstandflotads">
<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.bloggersstand.blogspot.com" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="bloggersstandadsbase">
<h3></h3>
<p align="left"><h3></h3></p>
<p>
Adsense Code here
<br/></p></div></div>
Customization
- Paste Your Adsense Ads Code or Any Other in "Adsense Code Here" Above code
- To change width of ads space replace 160px
- To change Ads Float left or right replace left