Cara Membuat Iklan Melayang dengan Klik Close

AB | Tutorial | Membuat iklan melayang di blog pada dasarnya untuk memaksilkan pemasukan iklan pada blog. Artinya adalah ketika visitor mengunjungi blog kita maka di awal halaman blog akan muncul kotak iklan, dengan tujuan si pengunjung mengklik salah satu iklan yang kita pajang.

Tutorial ini bukan sepenuhnya dari saya, ini aku temukan dari hasil mempelajari tutorial dari kang salman (http://www.kucoba.com). Kenapa aku posting ini karena ini sangat bermanfaat buat blogger yang ingin mengoptimalkan pemasukan. Tapi biasanya sih, trik seperti ini dilakukan dalam blog yang berbau mesum. Saran saya, kalao blog yang biasa dan seperti halnya blog ini janganlah digunakan, karena akan pengunjung akan malas mengunjungi balik. Jujur saja, saya sendiri tidak suka mengunjungi blog yang menggunakan trik ini.

Tapi tidak apa-apa, saya coba share apa yang kang salman tulis di blognya. Caranya sama dengan Floating Ads - Buat Adsense Anda Melayang dengan Tombol Close, cuma ini lebih enak karena ada tulisan "Bantu Kami Mengembangkan Website Ini Dengan Satu Kali Klik Iklan DiBawah Ini. Terimakasih" heheheheh.

Ini Langkah-langkahnya :
1. Login ke Blogger.com dengan ID Blogger Anda
2. Pilih tab Rancangan
3. Pilih Tambah Gadget
4. Pilih HTML/JavaScript
5. Copy/Paste kode berikut ini

<style type="text/css">

#topbar{
position:absolute;
left:9px;
border: 2px red;
padding: 2px;
background-color: #FFFFFF;
width: 750px;
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>DOUBLE KLIK TO CLOSE ( 2x KLIK )</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>Bantu Kami Mengembangkan Website Ini Dengan Satu Kali Klik Iklan DiBawah Ini. Terimakasih</center></h2></a>


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

</center>

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

6. Jangan lupa simpat widgetnya yah dan lihat hasilnya.

Itulah Membuat Iklan Melayang dengan Klik Close, semoga bermanfaat.

Sumber: Kang Salman. http://www.kucoba.com/2010/11/membuat-iklan-melayang-1-klik-close.html

Terimakasih Komentar Anda, Pesan KA Blog : Sekali-sekali Belajar Tidak Memasang Link di Komentar yah.
EmoticonEmoticon