Sabtu, 18 Desember 2010

Membuat iklan melayang dengan tombol close

Setiap mengunjungi blog teman sudah banyak yang menggunakan iklan melayang seperti yang tampil di blog ini, berikut saya kasih tau bagaimana cara membuat iklan melayang dengan tombol close.

Pertama Login ke blogger lalu pilih elelmen halaman,masukan kode html dibawah ini.

<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 atau Gambar yang anda inginkan di sini

</center>

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

Klik simpan dan Lihat hasilnya Mudah bukan.

Belajar bisinis internet buat yang baru memulai dan punya niat ingin belajar, hanya untuk pemula dengan modal 200rb anda akan diajarkan berbisnis internet dengan penghasilan jutaan rupiah perhari, tenang jangan takut tidak berhasil BISNIS INI BERGARANSI 100% UANG KEMBALI JIKA ANDA GAGAL Klik disini

Categories: ,

0 komentar:

Posting Komentar

Kalau habis baca artikel ini tolong comment ya :')

Related Posts Plugin for WordPress, Blogger...

Chat room