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.
badi Membuat Iklan Melayang (Floating) di WordPress
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.

Sumber :  http://www.maskolis.co.cc/2011/03/membuat-iklan-melayang-floating-di.html

Artikel Yang Mungkin Berkaitan :

Share this Article: Jika Menurut Sobat Blogger Artikel ini bermanfaat. Silakan bagikan ke Jejaring Social menekan button social share yang terdapat di bawah ini, Terimakasih!

Disclaimer: Eksternal Link dialihkan ke adf.ly. Setelah di klik Tunggu selama 5 Detik sampai di sudut kanan atas browser Anda muncul button SKIP, Klik SKIP untuk Melanjutkan.


LANGGANAN GRATIS VIA EMAIL
Jika anda suka dengan artikel di blog ini. Silahkan berlangganan GRATIS via EMAIL. Isi alamat email anda di bawah ini!!
       


.

About

@Founder PatasGSM Forum. Blogging Just Inspiration for Sharing as a newbie. Follow Me : Twitter | Facebook | Google+

Kata Kunci Menuju Artikel ini: