Cara Pasang Iklan Melayang Dengan Tombol Klose
Saturday, November 17, 2012
Add Comment
OK sekarang saya akan memberi tips cara membuat iklan melayang dengan tombol close di depan halaman blog anda dengan mudah seperti gambar dibawah ini.
Ok sekarang kita mulai saja tutorialnya.
Ok sekarang kita mulai saja tutorialnya.
- Pertama login dulu ke blog anda di www.blogger.com
- Setelah itu klik Rancangan
- Lalu Klik Tambah Gadget
- Pilih HTML/java script
- Kemudian masukkan kode berikut
<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>
KODE SCRIPT IKLAN
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
- Setelah selesai klik Simpan
Catatan:
- Masukkan kode script iklan anda tepat pada tulisan yang berwarna merah di atas
- Jika anda ingin merubah warna backgroundnya menjadi transparan, anda tinggal menganti kode ini background:#ffffff; dengan kode bgcolor:transparent;
0 Response to "Cara Pasang Iklan Melayang Dengan Tombol Klose "
Post a Comment