Wednesday, July 4, 2012

Cara Membuat Iklan Melayang Lengkap Dengan Tombol Close

Udah semaleman ni sobat blogger tercinta belom tidur sama sekali, jadi di singkat aj deh ya postingan hari ini, baiklah mari kita bahas bersama untuk cara membuat iklan melayang dan lengkap dengan tombol close  cekidott..

1.Login Ke Blogger.
2.Klik Tata Letak.
3.Klik Element Halaman.
4.Klik Tanbah Gadget dan pilih HTML / JAVASCRIPT .
5.Copy dan Paste Kode Berikut Di Dalamnya.

<a onblur="try {parent.
deselectBloggerImageGrac
efully();} 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 DISINI

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

6. Jangan lupa MASUKKAN SCRIPT KODE IKLAN
7. Simpan..

Dan pada akhirnya terselsaikan juga tugas posting hari ini "selamat mencoba" sobat blogger. dan saya mohon pamit tidur dulu ya sobat blogger... hehehehehe

No comments:

Post a Comment