Membuat iklan melayang dengan tombol CLOSE (2)

Posted by F-auzi

Membuat iklan melayang dengan tombol close sebetulnya adalah hal yang sederhana. Sebenarnya, kemarin sudah bikin tulisan yang begini, judulnya membuat iklan melayang dengan tombol CLOSE, tapi menurut saya yang ini lebih keren karena tombolnya close-nya harus diklik dua kali. Lagipula, yang ini lebih rapi.

Cara membuat iklan melayang dengan tombol close

1. Login ke Akun Blogger.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget (terserah lokasi gadgetnya di mana).
4. Pilih mode HTML/Javascript.
5. Masukan kode ini:

<style type="text/css">
#gb{
position:fixed;
top:10px;right: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>

<!----Kode iklan / like box / lainnya----->

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

6. Ubah script berwarna biru dengan script iklan / likebox / lainnya.
7. Klik simpan, dan selesai.

Demikianlah tulisan singkat saya kali ini tentang membuat iklan melayang dengan tombol close. Semoga bisa bermanfaat untuk kita semua. Terima kasih.