Tweet Membuat Iklan Tampil Melayang (Sticky)

Pasang iklan dengan format sticky juga membantu menghemat tempat. Memang sih, loading yang dibutuhkan sama saja dengan menempatkannya secara biasa tapi kan setidaknya bisa di close bila tidak dibutuhkan. Karena kalau blog kita tampilannya dipenuhi dengan iklan, kebanyakan pengunjung risih dan akan mengira bahwa blog kita adalah tempat iklan gratis atau hanya sekedar papan promosi saja.

Sekarang saya mau memberikan kode untuk membuat iklan di blog sobat tampil secara melayang.
Berikut adalah caranya :

1. Login ke akun blog sobat.
2. Pilih Tata Letak.
3. Pilih Tambah Gadget.
4. Pilih HTML/Javascript.
5. Silahkan Copy-Paste Kode berikut 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&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;#10;qrOCcQZzU/s400/Widget.JPG" alt=""
id="BLOGGER_PHOTO_ID_5433478876639914642" border="0"
/></a> <style type="text/css">
#gb{
position:fixed;
top:100px;
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>
LETAKKAN KODE IKLAN DISINI
</center>

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

6. Silahkan disimpan.

NB : Sobat dapat meletakkan kode iklan yang akan ditampilkan secara sticky pada tulisan yang berkedip di atas.

Selamat mencoba...

---

Untuk Memperoleh Backlink Dari Blog Ini, Silahkan Berikan Komentar Anda Terhadap Posting Diatas Blog Ini Telah Disetting Menjadi Dofollow

---

Artikel Terkait