 |
| Image From |
Hallo sobat seo dulu,kali ini kita akan membahas tentang Cara Memasang Iklan Melayang Di Blog WordPress. Untuk meningkatkan pendapatan dari internet bukan?
- 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.
<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.
