How to create an ad floated left and right blogs



Live Demo Here

How to Make Floating Ads in addition to Left and Right on the blog, This is very suitable for the 2 columns tempalate sidebarnya no size 120x600 and 160x600, as an example please see the image above or view the homepage of this blog. For those of you who want to make an Ad Hovering samipng Left and Right on the blog, here are the steps:


1. Log in to your Blogger Dashboard
2. Click Design ►► Edit HTML
3. Find this code ]]></b:skin>
4. Put the following code before the code ]]></b:skin>


#adslayoutleft {
position:fixed;
top:0%;
margin-left:-150px;
float:right;
background-color:#;
z-index:10;
}
#adslayoutleft .idblogmaker {
float:left;
clear:both;
}
#adslayoutleftright {
float:right;
position:fixed;
top:0%;
margin-left:974px;
z-index:10;
background-color:#;
}
#adslayoutleftright.idblogmakercom {
float:left;
clear:both;
}


Note: Blue paper is to limit the distance Ads Tempalte your blog.

5. Then click Page Elements ►► Add Gadget ► HTML / javasript

Enter the code below to add Gadgets ►► HTML / javasript

<div id='adslayoutleft'><div class='idblogmaker'>

Code Your Ad Here

</div></div>

<div id='adslayoutleftright'><div class='idblogmakercom'>

Code Your Ad Here

</div></div>

6.Save Template


yX Media - Monetize your website traffic with us
yX Media - Monetize your website traffic with us