Cara Membuat Iklan Melayang Di Blog

Posted by Iqbal IDesainer

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 ^_^

Sumber : http://semprulblog.blogspot.com/2010/10/cara-membuat-iklan-melayang.html

Poskan Komentar

Cari Artikel di Label Blog Ini

Anime (8) Anti Virus (30) Ayo Dance (12) Browser (25) Food (7) Games (56) Hacker (14) Knowledge (487) Media Player (18) Misteri (82) Ninja Saga (41) Other (127) Pendidikan (127) Point Blank (335) Serba 7 (59) Sofware (161) Tips (179) Tips Blog (44) Tips Komputer (26)