Headlines News :
Showing posts with label ads display. Show all posts
Showing posts with label ads display. Show all posts

How to add Pop Up Ads window on Blogger

Written By BlogKing on Sunday, February 26, 2012 | 6:37 AM

First you need to login you blogger account go to dashboard
  1. Go to the Layout Tab (Design tab)
  2. Choose a Page Element
  3. Add Gadget, Choose HTML / JavaScript
  4. And Copy the code below into it
  5. Done

<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()">
.:[Click 2 times to close this ad]:.
</a>
</div>
<center>

Insert the ad code or image or anything you want here!

</center>

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

World News

dailyvideo

 
Support : Creating Website | Adult Dating | | Johny Portal | Magazine Templates | Mp3 Sonhs Download |
Copyright © 2011. Blogger Free Tricks - All Rights Reserved
Template Modify by Myblogtriks Inspired Wordpress Hack
Proudly powered by My Blog Tricks