Rabu, 10 April 2013

Membuat Iklan PPC Melayang Di blog – Floating Ads



Bagi yang mau blognya bisa menghasilkan duit lebih banyak lagi, direkomendasikan untuk menggunakan trik ini. Memang, dengan membuat iklan ( khususnya iklan PPC seperti kumpul blogger ) menjadi melayang, akan sedikit mengganggu pengunjung, tapi gapapa lah, sedikit aja. Oy, kira2 dah tahu belum yang dimaksud iklan melayang ini? Maksudnya, pada saat blog dibuka sebuah iklan akan tampil bukan di side bar atau di postingan blog, tetapi posisinya di atas, tepatnya iklan tersebut nantinya akan nongol dewe. Untuk lebih jelasnya mengenai cara membuat iklan PPC melayang, praktekkan aja langsung trik ini biar terasa maksud dari iklan melayang ini. 


Untuk membuatnya tidak sulit, yang penting sobat modif sudah punya script iklan yang ingin dibuat melayang. Perhatikan kode di bawah,


# Script yang pertama:

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href=""><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 0px; height: 0px;" src="" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
[CLOSE]
</a>
</div>
<center>
Kode iklan
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>


# Script kedua:

<style type="text/css">
#topbar{
position:absolute;
top:600px;
left:600px;
border: 3px #00FF00;
padding: 2px;
background-color: black;
width: 620px;
visibility: hidden;
z-index: 100;
}
</style>
<script src="http://h1.ripway.com/kayzzkaw/javascript/pop%20up%20iklan%20melayang.js" type="text/javascript"></script>
<div align="center">
<div id="topbar">
<div align="right"><a style="color: gray; font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>Close</button></span></a></div>
<p><a style="font-weight: bold; color: gray;">
</a><a style="font-weight: bold; color: gray;" title="cara mudah dapatkan uang dari internet">
</a></p><p><a style="font-weight: bold; color: gray;" title="cara mudah dapatkan uang dari internet">
</a></p><p><a style="font-weight: bold; color: red;" title="cara mudah dapatkan uang dari internet">Artikel Terkait Mengenai Bisnis dari Internet</a>
</p><center>
KODE IKLAN
</center>
<p></p><p>SHARED by <a href="http://modifblogmu.blogspot.com">Raffkhan</a></p></div>
</div>


Pilih salah satu model script iklan melayang di atas. Ganti bacaan KODE IKLAN dengan kode iklan sobat. Klau iklannya dari kumpul blogger, ganti dgn script iklan blogger. Setelah itu pastekan ke side bar. Sudah tahukan caranya? Kalau tidak, baca cara paste kode di side bar di sini . Setelah itu, save. Lalu perhatikan blog sobat modif. Secara otomatis, iklan kini sudah melayang tepatnya di atas blog sobat modif.

Jadi dech.. Okelah, saya sudahi dulu yo tutorial cara buat iklan melayang - nya . Kalau masih bingung, tanya aja degn berkomen di blog ini. See You Later my Friend.

Sumber Artikel

1 komentar: