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
Also Read:
SUMMARY
How to Add Floating Adsense Right And Life Sidebar In Blogger,add any network ads affiliate ads float left or rightsider bar in blogspot,easy trick to float ads,float adsense widget gadget in anyside of blogger top bottom
KEEP ON READING...
We hope this article helped you to learn Add Floating Adsense Right And LeftSidebar In Blogger. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+
Post a Comment Blogger Disqus
0 Comments on "Add Floating Adsense Right And LeftSidebar In Blogger" So Far - Post Yours!
MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>
Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand