Pop Up iklan dibagian pojok kanan bawah blog termasuk salah satu letak yang cukup strategis untuk menampilkan dan mengoptimalkan sebuah iklan, karena bila iklan berada pada sudut tersebut tidak akan mengganggu pengunjung saat membaca artikel di blog.
Lalu bagaimanakah cara membuat Pop Up iklan tersebut agar bisa diterapkan di blog Anda?. Solusinya cukup mudah, simak, pahami, dan terapkan langkah - langkah penyettingan untuk membuat Pop Up iklan dengan copy paste beberapa kode HTML seperti yang dijelasakan pada tutorial dibawah ini :
1. Login ke akun bloger Anda.
2. Pilih menu Tata Letak => Tambahkan Gadget => HTML/JavaScript
3. Copy script dibawah kedalam HTML/JavaScript
<style type="text/css">
#gb{
position:fixed;right:10px;
bottom:0px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:0px solid #A5BD51;
background:#;
padding:0px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, -30-w) : moveGB(30-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.bottom = 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()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3b_yX3lzqp5nhfQ1h-FaJk_hSiLgbYufJCwuBPZcAYr9QqqUAqnGczqycG4g9qQ5qHkRtrFw3zyJW0ExoE2s78DLnGWB9EvXCdINJTauoTHGB4yQ582WGDZdeIbU8FwKRSdrqHjhwWiTh/s1600/close3.png" alt="close" />
</a>
</div>
<center>
#gb{
position:fixed;right:10px;
bottom:0px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:0px solid #A5BD51;
background:#;
padding:0px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, -30-w) : moveGB(30-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.bottom = 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()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3b_yX3lzqp5nhfQ1h-FaJk_hSiLgbYufJCwuBPZcAYr9QqqUAqnGczqycG4g9qQ5qHkRtrFw3zyJW0ExoE2s78DLnGWB9EvXCdINJTauoTHGB4yQ582WGDZdeIbU8FwKRSdrqHjhwWiTh/s1600/close3.png" alt="close" />
</a>
</div>
<center>
Link Iklan Anda
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
4. Ubah tulisan berwarna merah dengan script iklan yang ingin Anda pasang di Pop Up
tersebut
tersebut
5. Bila step diatas sudah selesai klik SAVE.