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>

Berlangganan update artikel terbaru via email:

0 Response to "How to make Pop Up Ads on Blogger (blogspot)"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Usa Car Insurance - Promo Car Insurance | Potongan 25% | Beli Online di Futuready.com‎ Iklanwww.futuready.com/asuransi/mobil‎ Dapatkan Perlindungan lebih untuk Mobil Anda. Apply Disini Sekarang. Bisa Cicilan 0% Subsidi Premi s/d 2juta. Bayar via Transfer. Jaminan Klaim Mudah. Tanpa Survey. Beli Langsung Online. Tersedia Bengkel Resmi. Dapatkan Promo Menarik. Cakupan asuransi: Perlindungan Kecelakaan, Banjir, Gempa, Pencurian.s

Iklan Bawah Artikel

Usa Car Insurance Promo Car Insurance | Potongan 25% | Beli Online di Futuready.com‎ Iklanwww.futuready.com/asuransi/mobil‎ Dapatkan Perlindungan lebih untuk Mobil Anda. Apply Disini Sekarang. Bisa Cicilan 0% Subsidi Premi s/d 2juta. Bayar via Transfer. Jaminan Klaim Mudah. Tanpa Survey. Beli Langsung Online. Tersedia Bengkel Resmi. Dapatkan Promo Menarik. Cakupan asuransi: Perlindungan Kecelakaan, Banjir, Gempa, Pencurian.