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>

PASTE KODE IKLAN MELAYANGNYA DISINI YA

</center>

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

5. Simpan jika sudah selesai.

Sumber dari kang Ecaknyo...

selamat mencoba !!!
semoga berhasil !!!

Posted in: TUTORIAL