IKLAN MELAYANG

IKLAN MELAYANG KE TENGAH PONSTINGAN. Banyak teman-teman blogger yang menampilkan iklan di area blognya.  Maksudnya disamping memperindah blog, tapi juga  berharap ada orang yang rela meng-klik iklannya.

 

Mungkin banyak teknik yang sudah dibahas tentang bagaimana caranya agar pengunjung blog bisa memperhatikan dan meng-klik iklan-iklan yang ada di blog kita.

Kali ini saya akan membahas membuat tampilan iklan agar tampil ke tengah-tengah postingan.

Cara kerjanya seperti ini:  Ketika orang mengklik blog kita, maka setelah blog kita keluar, tiba-tiba dalam beberapa detik muncul iklan dari bawah ke tengah postingan yang akan dibaca.  Iklan tersebut akan hilang setelah pengunjung blog meng-close iklan tersebut.  Tapi sebelum meng-close, mudah-mudahan iklannya diklik dulu,dong.  Namanya juga lagi cari-cari perhatian !!!

Cara ini sudah saya coba, dan berhasil.   Begini cara-caranya:

1. Masuk ke akun blogger anda

2. Klik Lay Out / Tata Letak

3. Pilih Tambah Gadget 

4. Pilih HTML/Javascript

5. Copy paste kode di bawah ini ke kotak isi, ga pakai judul juga ga apa-apa

<style type="text/css">

#topbar{
position:absolute;
left:9px;
border: 2px red;
padding: 2px;
background-color: #f2f2f2;
width: 350px;
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()", 10);
 }
 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 style="color: rgb(255, 0, 0); font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>CLOSE (X)</button></span></a></div><a style="font-weight: bold; color: black(51, 255, 51);">
</a><p><a style="font-weight: bold; color: black(51, 255, 51);" title=""><h2><center>KLIK IKLANNYA DULU, BARU CLOSE.</center></h2></a>

</p>
<left><table style="width: 700px; height: 50px;" border="0"><tbody><tr><td style="vertical-align: top;">
<center>
SCRIPT IKLAN ANDA

</center>

<p></p><p></p></td></tr></tbody></table></left></div>

Keterangan:

- Ganti kata/kalimat warna  merah sesuai keinginan anda

- Ganti kalimat warna biru dengan script iklan yang sudah anda dapatkan

- Dalam memilih posisi “tambah gadget”, coba dulu klik posisi kiri bawah, kalau kurang sesuai pilih sesuai selera anda

Oke, selamat mencoba semoga berhasil.   Jangan  lupa komentar anda dan cantumkan link anda.