Memasang iklan melayang di Blog atau Web

Salah satu fungsi Website atau Blog adalah sebagai media publikasi, bahkan media periklanan. Salah satunya adalah untuk memasang iklan adsense ataupun kumpulblogger dan lain -lain. Banyaknya pengguna internet, membuat sebagian blogger yang memanfaatkan Blognya untuk menambah penghasilan terinspirasi untuk membuat pancingan agar iklan yang terpasang di blognya diklik oleh pengunjung. Salah satunya adalah dengan membuat iklan itu tampil melayang-layang di halaman blognya. Jika sudah tidak ada tempat untuk iklan PPC di Blog Anda mungkin tips yang satu ini sangat membantu, caranya mundah dan kodenya tidak terlalu rumit bagi Blogger pemula yang baru tau tentang kode-kodean seperti saya dan lebih irit tempat untuk space iklan dari situs PPC yang Anda ikuti atau mungkin ruang space iklan khusus anda atau yang lainnya.

Jika Anda pengen memasangnya silahkan ikuti langkah berikut ini :

1. Log in di blogger dengan id anda untuk masuk ke akun dan mengedit blog anda.

2. Klik Tata Letak / Layout
3. Tambahkan gadget dengan mengklik Add a Gadget
4. Pada menu yang tersedia, pilih atau klik HTML/Javascript
5. Copy pastekan Kode di bawah ini,

<a
onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}"
href="http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f
qrOCcQZzU/s1600-h/Widget.JPG"><img
style="margin: 0px auto 10px;
display: block; text-align:
center; cursor: pointer; width: 400px; height:
300px;"
src="http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f
qrOCcQZzU/s400/Widget.JPG"
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][Klik 2x]:.
</a>
</div>
<center>


Masukan Kode iklan atau
Gambar yang anda inginkan di sini


</center>


<script type="text/javascript">
var gb =
document.getElementById("gb");
gb.style.center =
(30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

Kode warna hijau di ganti dengan kode iklan Anda.

6. Klik Save / Simpan

Baca Juga: