Pasang Iklan di Samping Blog + Tombol Close

Kemarin sempat posting artikel Pasang Iklan di Samping Blog hanya saja tanpa tombol close. Kata teman saya, itu bisa-bisa ngelanggar tos karena memaksa pengunjung blog kita untuk nge-klik iklannya.



Nah, kali ini saya mo ngasi yang pake tombol close. Kayak di Blog ini. Cekidot:



1. Seperti biasanya, Log-In ke akun Blog anda

2. Masuk ke halaman Tata Letak/LayOut

3. Add Gedget pilih HTML/JavaScript

4. Masukkan kode di bawah ini. Eh, Gak usah di kasi judul yach...

Script:

<style type="text/css">

#gb{

position:fixed;



top:3px;

right:3px;

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-100;

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 [Click 1 x]:.

</a>

</div>

<center>

<!-- iklan anda di sini -->



</center>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (20-gb.offsetWidth).toString() + "px";

</script></div></div>

5. Masukkin kode iklannya di tempat yg telah di tentukan...

6. Buat posisi iklannya tiggal di tentukan sendiri, ganti kode yang berwarna merah dengan Left untuk di kiri, Right untuk iklan di sebelah kanan, Top untuk di bagian atas, dan Bottom untuk iklan di bagain bawah.

7. Save.



OK.. Gimana???Berhasil Gak??? Klo berhasil yach selamat dech... klo gak silahkan coment. Yang berhasil boleh coment juga kok..