Sunday, January 30, 2011

Advertise Float On Blog "PopUp Windows" Accompanied With Close Button

Want to know how to put ads on blogs like a floating NAFCOM? Easy koq.
Follow step ya step ...


1. Log in to Blogger and then select "Layout" 2. Click on "Page Elements" then choose "Add a Gadget -> HTML / Javascript" (The place is up to you). 3. Then Copy 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 # 000000;

    
background: # ffffff;

    
padding: 10px;

    
}

    
</ Style>

    
<script type="text/javascript">

    
showHideGB function () {

    
var gb = document.getElementById ("gb");

    
var w = gb.offsetWidth;

    
gb.opened? moveGB (0, 30-w): moveGB (20-w, 0);

    
gb.opened =! gb.opened;

    
}

    
moveGB function (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="http://www.infonafcom.co.cc/2010/05/pasang-iklan-melayang-pada-blog-popup.html" target="_blank">
    
[Widget By NAFCOM]
    
</ A>

    
<a href="javascript:showHideGB()">

    
.: [Close] [Click 2x]:.

    
</ A>

    
</ Div>

    
<center>

    
src="http://kumpulblogger.com/scahor.php?b=109591" <script type="text/javascript"> </ script>

    
</ Center>

    
<script type="text/javascript">

    
var gb = document.getElementById ("gb");

    
gb.style.center = (30-gb.offsetWidth). toString () + "px";

    
</ Script> </ div> </ div>

-------------------------------------------------------------------------------------------------------------------------
It's easy? Happy Blogging With Web-by Guys


Source http://www.infonafcom.co.cc/2010/05/pasang-iklan-melayang-pada-blog-popup.html

No comments:

Post a Comment