How to make Pop Up Ads on Blogger (blogspot)

how make pop up ads on blogspot templates
Maybe you've seen many tutorials like this, about make Pop Up Ads on Blogger, as far as I know there are more complicated to use a lot of codes, but here I try to give an easy and very simple tip, even for beginners in the blog world .

Example, look here : bissmillah-alhamdulillah.blogspot.com

The steps are:

  1. Login to your dashboard on Blogger.com
  2. Go to the Layout Tab (Design tab)
  3. Choose a Page Element
  4. Add Gadget, Choose HTML / JavaScript
  5. And Copy the code below into it
  6. 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>

Tidak ada komentar:

Posting Komentar

Pages