How to create floating ads on your blog or website

How to create floating ads on your blog or website. When you place an advertisement on your blogs or website your visitors more like see and read them. the more visitors coming in your blog or website the more clicks you will get and the more money you will earn.  Creating a floating ads is one way of getting the attention of your visitors. Floating ads will stay in one position even though you are scrolling your browser going up and down. it will just stick in one position even open another page in your website.  You can customize your floating on where it will appear on your site. Actually this code is designed as floating ads with pop up but i remove the pop up link and the (x) close button so that the ads can't be close by user and will will stay in its position.

But if you would like to make to permit your visitor to close your floating ads and pop up an another advertisement or another website  just modify the code and place a a target url   

#btftopbar {
background: #transparent url('..');
#adsground {
height:600;       <!--Set the height of your ads  -->
margin:0 auto;
width: 160px;   <!--Set the width of your ads  -->
background:#transparent ;
border-bottom:0px #transparent solid;
border-right:0px #transparent solid;
border-left:0px #transparent solid;
margin-top: auto;
#headline0 {
top:20px;   <!--Set the top margin location of your ads  -->
left:0px;    <!--Set the left margin location of your ads  -->
border-bottom:0px #transparent solid;
border-bottom:0px transparent solid;
<script type="text/javascript">
function getValue()
document.getElementById("headline0").style.display = 'none';
<div id="headline0">
<div id="btftopbar">
modify the span style code below if you want to permit your visitor to close the ads and have a pop up page, the code look similar to this. 

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Ads title bar here </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="" target="_blank" onclick="getValue()">close</a></span>

<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:0px;padding-center:0px"><a  onclick="getValue()"></a></span>
<div id="adsground">
 <!-- Place your ads here  -->

Do some code modification to make your floating ads pretty and appears to be part of your website.  
floating banner

keywords: floating ads, ads, pop up ads, create floating ads, create pop up ads, tutorial floating ads, tutorial pop up ads, how to, tips and tricks. 

No comments :