Banyak sekali sekarang pemilik blog yang mengunakan trik yang akan kita bahas
Jika anda ingin memiliki iklan yang bisa melayang di halaman depan seperti gambar disamping maka anda berada di tempat yang tepat. Disini saya akan menjelaskan bagaimana cara membuat iklan yang akan melayang di depan halaman website atau blog.
Langsung saja ikuti cara - cara di bawah ini:
1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Rancangan
3. Tekan Add Gadget
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Masukan Script Di bawah 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>
6. tekan save
selamat mencoba :)
October 03, 2010
Cara Membuat Iklan Melayang
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Add Your Comment In Here: