Warung Online
Jumat, 04 Maret 2011

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 kegiatan.
  • 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>
  • Download kode atau gunakan CTRL+C
    <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 ya 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 semua ne juga gapapa hehe
  • Terakhir, jika Anda berhasil membuat iklan melayang, jangan lupa ucapkan syukur Alhamdulillah.

Blog Archive