Membuat Iklan Melayang Di WordPress

Cara Membuat Iklan Melayang Di WordPressPernahkah melihat ada suatu blog yang bagian depannya tertutup oleh iklan yang melayang?, hal ini dilakukan oleh kebanyakan blogger untuk meningkatkan jumlah klik iklan mereka, atau bisa juga supaya iklan yang ditampilkan mudah terlihat. Membuat iklan yang melayang di wordpress memang sedikit mengganggu tampilan dari suatu blog, hal ini karena menyebabkan si pengunjung blog harus selalu menutup tampilan iklan itu setiap mereka membuka halaman/artikel baru.

Namun, jika ada yang ingin membuat optimasi iklan agar lebih meningkatkan jumlah klik/CTR memang cara ini lumayan jitu, karena terkadang ketika si pengunjung kita mengklik tanda “close” untuk menutup iklan yang tampil kadang iklan yang letaknya dempetan dengan tombol “close” akan terklik secara tidak sengaja.

Lalu, bagaimana cara membuat iklan melayang di wordpress tersebut?, ok berikut tutorialnya:

1. Masuk ke Panel File manager pada akun hosting anda, kemudian masuk ke bagian themes blog anda dan kemudian cari file bernama header.php, lalu kemudian masukan kode di bawah ini diatas setelah :

<!–
var persistclose=0
var startX = 100
var startY = 100
var verticalpos=”fromtop”
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()”, 100);
}
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
–>

lalu simpanlah file yang sudah anda tambahkan tadi.

2. Lalu sekarang masuk ke file Style.css, dan masukan kode berikut:

/*****iklan melayang*******/

#topbar{ position:absolute;
width: 630px;
visibility: hidden;
z-index: 400;
border: 2px solid #000000;
padding: 5px;
background-color: #ffffff;
-moz-border-radius:8px; font: 12px georgia, arial, Verdana, sans-serif; line-height:16px;}

#topbar:hover{ background-color: #ffffff;}
.tolbarclose {cursor:default;}

3. Selanjutnya pada tahap ketiga ini anda bisa memasukan kode iklan yang ingin anda tampilkkan, kode berikut dapat diletakan di widget sidebar anda, berikut sciprtnya:

Tutup iklan Close (x)

letakkan kode iklan/foto narsis disini hihiih

Nah, script yang berikan diatas adalah sciprt untuk membuat iklan melayang/ floating ads atau bisa disebut juga floating image.

From : http://www.hasiaulia.net

9 Tanggapan to “Membuat Iklan Melayang Di WordPress”

  1. than banget infonya

  2. thnks ya buat infox . .. salam juang

  3. wah ini untuk WP yg self-hosting ya
    buat yg gratisan blm bisa 😥

  4. hasil nya kurang maksimal kayanya gan. skrg sy pakai plugin aja model nya kaya gini nih ada di bawah postingan http://angkajitu.net/

    untuk plugin nya bisa di download di wordpress.org/

  5. Wah banyak juga ya…!

  6. Thank’s artikel nya sangat bermanfaat

  7. revanalanvi44 Says:

    takut jika salah taruh gan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: