Cara Mudah Pasang Iklan Gentayangan di Blog

Iklan merupakan salah satu sarana untuk meraup keuntungan baik dari pihak ketiga ataupun ~~pihak ke seratus~~ iklan pribadi. Unutk itu, jika pengunjung berminat untuk memasang iklan di blog dengan tombol close (tutup) marilah kita ikuti sjenak tutorialnya.

Banyak blog yang menawarkan tentang cara seperti ini tapi kebanyakan pula menggunakan kode yang agak rumit.. Pernah dijelaskan sebelumnya tentang membuat Follow Me Twitter Gentayangan di Blog, gampang khan? Sama seperti ini, kode yang dipakai pada tutorial kali ini sangatlah mudah dan simple tinggal kita meletakkan kode yang akan dipakai untuk blog kita pada wdget atau gadget blog. Caranya seperti ini :

Login ke Blogger anda;

Masuk ke Tab Tata Letak;

Pilih Elemen Halaman;

Tambah Gadget;

Pilih HTML / JavaScript;

Copy kode di bawah ini :

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo1dSEPK0mnSIqkOzzWqIZbrVOaDmewwmePKn7sTJLciYhNKO3Rzb3ckuRAFewbDPKhmEVaa3xqjBlFq3EUz-1Ygp2K72HWaPuVoGu8WY-c_Qeku7reM-k7QdNrVSiit9PVhfParokLig/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo1dSEPK0mnSIqkOzzWqIZbrVOaDmewwmePKn7sTJLciYhNKO3Rzb3ckuRAFewbDPKhmEVaa3xqjBlFq3EUz-1Ygp2K72HWaPuVoGu8WY-c_Qeku7reM-k7QdNrVSiit9PVhfParokLig/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()">
.:[Tutup][Klik 2x]:.
</a>
</div>
<center>

Kode Iklan dan Gambar Iklan Disini

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

Dan Simpan.

* Catatan : pada kode yang berwana biru adlah tempat untuk emasukan kode iklan dan gambar anda yang ingin dipasang di blog.
Oke selamat mencoba dan semoga berhasil ya?