How to Install Floating Ads In Blog

I previously wrote also how to create floating ads above the header, this time nearly as well, but the difference here you are floating in blog advertising is equipped with a close button, so the readers of your blog can close these floating ads easily.

Immediately, following the posting floated on the blog, please follow the steps below lagkah!

1.      Login to your blog
2.      Click the design or design
3.      Add widgets or add gadger and select html / javascript
4.      Copy and paste the code below:

___________________________________________________________

<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>

KODE SCRIPT IKLAN

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

___________________________________________________________ 

 

             6.      Save


Replace the red with your ad script code, nah .. not easy to float in the posting blog, hopefully useful!

 

Posted in: blog tutorials