Cara Membuat Iklan Melayang Dengan Tombol Close

banyak cara yang dipakai para blogger dalam menempatkan iklan pada blognya, karena konon katanya penempatan iklan itu sangat berbengaruh pada anu'nya iklan itu sendiri, diantara banyak cara itu, salah satunya adalah dengan menempatkannya melayang-layang di blog, Untuk sobat blogger yang punya blog dengan traffic yang tinggi penempatan iklan dengan cara ini pantas untuk di coba walau terkadang nyebelin beud masak mau baca di halang-halangin iklan?? hehe

baiklah langsung saja, berikut caranya :

* Login Ke Akun Blogger
* Masuk ke Tab Tata Letak
* Pilih Elemen Halaman
* Tambah Gadget Pilih HTML / JAVASCRIPT
* 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>

Masukkan kode sobat disini, boleh iklan, gambar, buku tamu dsb

</center>

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

# Ganti kode yang berwarna merah dengan kode sobat.
# Jangan lupa disimpan dan lihat hasilnya. slamat mencoba

Cara Membuat Iklan Melayang Dengan Tombol Close 2011-09-02T02:35:00-07:00 Rating: 4.5 Diposkan Oleh: eBlog-wayan