Membuat Iklan Melayang (Floating) di WordPress
Bagi pebisnis online,
baik reseller, seperti reseller rahasia cara memperbesar penis, bisnis PPC, dan
lain sebagainya, iklan melayang ini sangat penting. Karena posisi iklan
melayang (float image/float ads) ini adalah posisi paling strategis. Memiliki
rate klik tertinggi dan tentu saja peluang penjualan produk, klik iklan PPC
atau lainnya memiliki peluang tertinggi. Ini saya buktikan dengan meletakkan
kode iklan PPC klik saya, alhamdulillah perhari meningkat 4x lipat.
Berikut ini adalah
kode iklan melayang untuk wordpress self hosting
- Pertama yang harus dilakukan adalah mengucapkan Basmalah. Ini penting dalam mengawali semua kegiatanJ
- Login ke akun blog WordPress self hosting anda. Ingat hanya untuk self hosting alias yang menggunakan hosting sendiri. Berbayar maupun yang gratisan.
- Klik Appreance > Editor
- Perhatikan di sebelah kanan terdapat banyak sekali File Theme. Seperti Index.php, Header.php, footer.php, dsb. Pilih file yang terdapat kode <body dan <head biasanya Header.php. Kenapa bukan <body> dan <head>. Karena beberapa theme saya temukan kode <body dilanjutken dengan kode lain.
- Letakkan kode skrip berikut diatas <body> setelah <head>
<script type=”text/javascript”><!–
var persistclose=0 var startX = 100 <!– jarak kiri atas horizontal iklan ke
browser –> var startY = 100 <!– jarak kiri atas vertikal iklan ke
browser –> 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 –></script>
- Langsung Save dengan klik Update File
- Kemudian untuk desain, sekarang menuju File Style.css :
/*****iklan melayang*******/ #topbar{
position:absolute; width: 630px; <!–ukuran iklan –> visibility: hidden;
z-index: 400; border: 2px solid #000000; <!– ukuran dan warna border –>
padding: 5px; background-color: #ffffff; <!–warna background –>
-moz-border-radius:8px; font: 12px georgia, arial, Verdana, sans-serif;
line-height:16px;} #topbar:hover{ background-color: #ffffff;} .tolbarclose
{cursor:default;}
- Selanjutnya adalah meletakkan posisi awal iklan. Maksudnya ketika blog masih loading iklan e ada dimana. Bisa widget sidebar, di footer, di header, terserah. Nanti setelah loading blog Done, maka iklan akan melayang-layang. Berikut kodenya :
<div style=”visibility:
visible;top: 1615px;” id=”topbar”> <div style=”padding:5px;”>
<p>Tutup iklan <a href=”#”
onclick=’closebar(); return false’ > Close (x)</a></p>
letakkan kode iklan/foto narsis
disini hihiih
</div> </div>
- Keterangan : warna ungu bisa diganti sesuai selera. Bagi yang paham kode ganti semuany juga gak pa-pa :)
- Terakhir, jika Anda berhasil membuat iklan melayang, jangan lupa ucapkan syukur Alhamdulillah.
Posting Komentar