Cara Membuat Pop Up Iklan Sederhana Di Blogger

Cara Membuat Iklan Pop Up Melayang Di Blogger

Cara Membuat Pop Up Iklan Sederhana Di Blogger » Pop up merupakan iklan sembulan yang sering kali muncul tiba tiba pada website atau blog.

iklan jenis pop up ini juga bisa menaikan statistik klik iklan, karena pengunjung bisa saja mengklik iklan sembulan yang ada.

tapi sering kali pop up ini menggangu, karena pop up iklan yang muncul tiba – tiba pada saat pengunjung membaca artikel.


bagi kamu yang ingin memasang pop up harus benar – benar di pikirkan lagi tentang kenyamanan para pengunjung dan pembaca.

Cara Membuat Iklan Pop Up Di Blogger

Demo Pop Up

sebelum memulai membuat iklan pop up ini pastikan kamu sudah mempunyai iklan yang siap tayang baik di adsense, adsterra, iklanwangi, atau di platfrom lainnya.

  1. Masuk ke dashboard blogger
  2. Ke halaman tata letak
  3. Tambahkan Gadget (terserah ingin buatnya dimana, karna hasilnya akan tetap sama)
  4. Pilih HTML/JAVASCRIPT
  5. Pastekan kode di bawah ini
<!-- Pop Up Ads Ostife.com -->
<style type="text/css">
#topbar{
position:absolute;
padding-left:0%;padding-top:0%;
background-color: #fff;
width: 300px;heigth:250px;
visibility: hidden;
z-index: 100;
}
</style> <script type="text/javascript">
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 5 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 5);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<div class="clear">
</div>
<div id="topbar">
<div style="text-align: right;">
<a href="" onclick="closebar(); return false"><img src="https://2.bp.blogspot.com/-LulegGbMOGg/WtXNoBj4ypI/AAAAAAAAC0A/mtrYswv6iTw6QD2FiGgrhAniP3N6XNMnQCLcBGAs/s1600/close2-24.png" alt="close"/></a>
<br/><center>KODE IKLAN KAMU</center><br/>
</div>
<div style="background: #fff;">
</div></div>

Penutup


Tempel kode iklan kamu pada teks yang sudah ada dan jangan lupa atur lebar dan tinggi sesuai dengan kode iklan yang kamu tempelkan.

jangan membuat iklan dengan dimensi besar rekomendasi yang di sarankan berukuran 300 × 250 px, dan jangan sampai iklan menutupi artikel.

demikian tutorial cara membuat pop up iklan sederhana di blogger semoga dapat bermanfaat dan menambah wawasan baru.

sulistio
Informasi Dunia Teknologi
x
adbanner