Ads

October 03, 2010

Cara Membuat Iklan Melayang


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 :)

0 comments:

Post a Comment

Add Your Comment In Here:

Subscribe Via E-mail

Enter your email address: