Secret Manner

This Blog Provides Information About Blog, Blog Tips, Ways And Others

How to Make Floating Ads on the blog

The purpose of creating ads that float on the blog is easily seen by visitors and certainly invites the heart to click on and of course the money for us. One purpose of the blog is to make money right? one of them to make a floating ad.
Her steps as follows:

1 Log in to the design / drafting
2 layout
3. edit a gadget
3 Choose Html / java script
4 Copy the following script

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
Close Klik 2X
</a>
</div>
<center>

SAVE SCRIPT HERE ADVERTISING
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
Which are colored blue is the place to store ad script
Bagikan :
+
Previous
Next Post »
0 Komentar untuk "How to Make Floating Ads on the blog"

 
Template By Kunci Dunia
Back To Top