Cara Membuat Pop Up Iklan di Blogger

 Cara membuat pop up iklan di blogger ini memang cukup banyak yang mencarinya, karena hal ini nanti ada kaitannya dengan bagaimana tampilan dari blog mereka. Selain memberikan ulasan yang informatif, sisi tampilan dari blog ini juga wajib menjadi bahan pertimbangan kalian supaya nantinya para pengguna merasa nyaman membaca informasi yang kalian bagikan.

Untuk meletakkan iklan ini khususnya, kalian tidak boleh sembarangan. Jangan sampai iklan di blog kalian ini menggangu para pengunjung dalam membaca informasikan yang kalian bagikan, karena hal ini bakalan berdampak dari mereka tidak mau berkunjung pada laman kalian lagi.

Untuk cara membuat pop up iklan di blogger yang akan Bela bagikan kali ini memang sudah umum digunakan para blogger lainnya, namun bagi mereka para pengguna baru blogger pastinya cukup bingung untuk menerapkannya.

Apa itu Pop Up Iklan?

Adsense memang sangat berarti bagi kebanyakan pemiliki blog ataupun website. Dengan begini, pemilik blog mempunyai penghasilan dari blog atau websitenya. Penataan adsense juga menentukan seberapa banyak hasil yang kita dapatkan dari adsense. Adsense sendiri terdapat berbagai macam, mulai dari adsense pihak ketiga ataupun adsense yang disediakan oleh google.

Pernah tidak sih kalian melihat iklan yang muncul dalam bentuk notifikasi di tengah web ? Nah bagi sebagian orang menyebutkan adalah pop up. Nah dalam artikel ini Bela akan membagikan cara pemasangan pop up adsense di Blogger.

Cara membuat pop up iklan di blogger Mudah

Sebelum Bela bagikan cara membuat pop up iklan di blogger, pastikan jika kalian sudah memilii akun blogger terlebih dahulu ya supaya nanti bisa langsung mempraktekannya. Jika sudah, yuk simak beberapa tahapannya di bawah ini :

• Langkah pertama silahkan kalian buka Dashboard dari Blogger kalian

• Setelah itu langsung buka bagian Tata Letak

• Tambahkan Gadget, setelah itu kalian atur dimana tata letak dari iklan ini nantinya.

• Lalu pilih menu HTML/Javascript

• Lalu silahkan kalian pasti kode berikut

<style type="text/css">
#topbar{
position:absolute;
padding-left:0%;padding-top:0%;
background-color: #fff;
width: 250px;heigth:180px;
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC2k-SXx-Hn1mYc4Bv4k3MVHHkkLvaOzbmZblUA3jZqltOwmDmh7CiXycLY9Vz7NUXDdfzqWLIB-3CtU6GJ2CkRxn8oSKkTr-3M3-0gTlKH_zCgBWa6K2cy0PT9G0AKfX_a3SZVcPhCF0/s1600/close2-24.png" alt="close"/></a>
<br/><center>Klik 2x untuk menutup(x)</center><center>Selamat Datang Di JagoanKode.blogspot.com</center><br/>
</div>
<div style="background: #fff;">
</div></div>

• Setelah itu kalian klik Simpan, lihat hasilnya

Silahkan kalian cek pada bagian beranda blog, dimana kalian bakal melihat kotak iklan ini melayang jika kalian sukses dalam menerapkan kode diatas tadi. Setelah Bela bagikan cara membuat pop up iklan di blogger diatas, langkah selanjutnya kalian tinggal melakukan pengaturan lain atau mengoperasikannya supaya tampilan makin keren lagi.

Cukup sekian dulu ya ulasan dari Bela kali ini tentang cara membuat pop up iklan di blogger, semoga apa yang Bela bagikan diatas tadi bermanfaat dan bisa menambah wawasan kalian. Selamat mencoba.

Subscribe to receive free email updates: