Wednesday 3 October 2012

Cara membuat Iklan melayang dengan tombol Close 1 Kali

sekarang saya akan memberi kode iklan melayang yang cukup di close 1x klik saja , mengingat salah satu iklan yang bisa di buat iklan melayang yaitu KumpulBlogger membuat aturan boleh menggunakan iklan melayang namun harus ada tombol close yang jelas serta tombol close 1x klik saja. Baiklah untuk memasangnya ikuti petunjuk berikut.

1. Login ke Blogger.

2. Pilih Layout > Add a Gadget > HTML/Javascript

3. Copy Code di bawah ini ke kolom widget.

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{

float:right;

background:transparant;

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-100;
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:left">

<a href="javascript:showHideGB()">
[Close]
</a>
</div>
<center>


LETAKAN KODE IKLAN ANDA DISINI



</center>

<script type="text/javascript">

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


 4. Simpan.



Dan Lihat hasilnya.... Selesai deeeh......!!!

No comments:

Post a Comment