Hacker News :
Home » , » ADD FLOATING ADSENSE AND OTHER ADS ON SIDEBAR OF YOUR BLOG

ADD FLOATING ADSENSE AND OTHER ADS ON SIDEBAR OF YOUR BLOG

Written By Dipanshu Garg on Saturday, 3 August 2013 | 09:04


Many bloggers are using floating ads on their blogs. Because they are earning much money with floating ads. If your blog's sidebar has no more ad space then you can use these ads. By using floating technique we can generate more click on AdSense or other ads. Today in this tutorial we will guide you how to show 160px x 600px floating AdSense ads on right or left side of your blog.


Add This Widget to Blogger Blog :-

1. Go to Blogger Dashboard » Layout
2. Click On Add a Gadget
3. Choose HTML/JavaScript.
4. Copy The Below Code and Paste it In "HTML/JavaScript" Gadget.

<style>
#blogsdaddyflotads {
height:30px;
width:auto;
background: #333333 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#bdadsbase{
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;
}
#bdadsheadline{
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("bdadsheadline").style.display = 'none';
}
</script>
<div id="bdadsheadline">
<div id="blogsdaddyflotads">
<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://hackerreturns.blogspot.in/2013/08/add-floating-adsense-and-other-ads-on.html" target="_blank" onclick="getValue()">close(x)</a></span>
</div>
<div id="bdadsbase">
<h3></h3>
<p align="left"><h3></h3></p>
<p>
Your Ad Code Here
<br/></p></div></div>


Customization :-

1. Replace "Your Ad Code Here" With Your Own Ad Code.
2. Change 160px to Increase or Decrease Width.
3. Change Left With Right to Float Right Side Of Your Blog.

Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

Note: only a member of this blog may post a comment.

Popular Posts