Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Wednesday 26 June 2013

How to add Floating Ads widget for blogger/blogspot

Follow The Following Steps To Add This Widget
1. Go to your blogger account
2. Click layout > Add gadget > HTML/Javascript.
3. Add the codes Following
<style>
#btftopbar {
height:30px;
width:auto;
background: #005094 url('..');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:600;
margin:0 auto;
width: 160px;
background:#fff;
border-bottom:2px #005094 solid;
border-right:2px #005094 solid;
border-left:2px #005094 solid;
text-align:center;
padding:4px;
}
#headlineatas {
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
("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="btftopbar">
<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.fromhobby2money.blogspot.com/
2013/03/how-to-add-floating-ads-
widget-for.html" target="_blank"
onclick="getValue()">close(x)</a></
span>
</div>
<div id="adsground">
<h3></h3>
<p align="left"><h3></h3></p>
<p> Ads code here
<br/></p></div></div>

-Customize
»Replace "Ads code here" with
your adsense script code.
»You can change the width by
replacing its value160px.
»If you want to float it on the right side, change " left " to "right".

After doing some customization,
hit save and check out your new
floating Ads.
Do you liked it? Kindly subscribe or share our work.

Related Articles-
1.Add Floating Share & Like Widget In Blogger

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.