Cara Membuat Iklan Melayang (Floating) di WordPress Self Hosting


Hallo sobat seo dulu,kali ini kita akan membahas tentang Cara Memasang Iklan Melayang Di Blog Wordpress. Untuk meningkatkan pendapatan dari internet bukan?

Metode iklan yang melayang,memang menjadi favorit bagi para blogger. Terutama 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. Dan Mungkin bisa mendapatkan $ (dollar) 2X Lipat,bahkan lebih.

Tanpa Menunggu lama,buat sobat seo dulu. Berikut  

  • 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.

Copy kode skrip berikut,dan pastekan 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 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 </div> </div>

Terima Kasih atas kunjungannya,semoga bermanfaat bagi sobat seo dulu.

Post a Comment for "Cara Membuat Iklan Melayang (Floating) di WordPress Self Hosting"