Creative Commons License
This work is licensed under a Creative Commons Attribution 3.0 United States License.

Saturday, February 2, 2013

Add Floating Ads to your Blog on Blogger


Have you ever wanted to add Floating Ads to your site? Follow these directions below and watch your revenue go up!


(1) Go to Blogger Dashboard
(2) Go to Layout > Select 'Add Gadget'
(3) Put the following code in 'HTML/java Script'
(4) Put your ad code at 'Your Ads code Here'
(5) You can change the width and height of your Floating ad at the top of the html code
(6) When someone clicks the close button you can set it to send the person to any site you like. Change my website to whatever site you want the people to goto! (My site is highlighted in the html like THIS)
(7) YOUR DONE!

<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">
<img align="left" style="padding-right:2px;" src="http://4.bp.blogspot.com/-vzd4PC3mEFk/T-sufsJgLxI/AAAAAAAAAN4/knJUIQkvjtE/s300/blogtariff.com.png" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Sponsor Ads</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://faerieflysavingsmomma.blogspot.com" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3>Sponsor Ads </h3>
<p align="left"><h3></h3></p>
<p>
"Your Ads code Here"
<br/></p></div></div>



Pittman & Davis

No comments:

Post a Comment

I'd love to hear from you...