Membuat Iklan Melayang
Kamis, 19 September 2013
0
komentar
Bagi pebisnis online, mengiklankan sebuah produk agar bisa
dikenal oleh masyarakat luas menjadi pilihan yang tidak dapat ditolak lagi.
Dengan dikenalnya produk mereka oleh masyarakat luas, besar kemungkinannya
produk mereka akan laku dan menghasilkan profit yang luar biasa bagi
kelangsungan bisnis mereka.
Sekarang
para pebisnis banyak yang mengiklankan produknya lewat media internet dan
website. Memposting iklan didalam website juga mempunyai peluang yang sangat
tinggi untuk dikenal masyarakat. Tentu saja dengan mensiasati teknik pemasangan
banner iklan menjadi focus utama dalam sebuah website yang berbasis pure
bisnis. Membuat iklan melayang
(Floating ads) menjadi salah satu trik yang ada saat ini.
Dengan
maraknya peluang bisnis yang ada di internet seperti bisnis PPC, dan lain sebagainya,
iklan melayang ini sangat penting. Karena posisi iklan melayang (floating image/floating ads) ini adalah posisi
paling strategis. Memiliki rate klik tertinggi
tentu saja menjadikan peluang penjualan produk, klik iklan PPC atau
lainnya semakin besar.
Berikut ini adalah langkah-langkah membuat 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 <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 tersebut berada dimana. Bisa widget sidebar, footer, header, terserah sobat saja. Nanti setelah loading blog selesai, maka iklan tersebut 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.
Sekian postingan saya kali ini, semoga membawa
manfaat untuk sobat blogger semua. Terima kasih sudah berkunjung ke blog ini.
Salam Senyum Sukses [3S]
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Membuat Iklan Melayang
Ditulis oleh Unknown
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://triko11.blogspot.com/2013/09/membuat-iklan-melayang.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Unknown
Rating Blog 5 dari 5
Categories:
SEO
0 komentar:
Posting Komentar