Cara Membuat Iklan Melayang Dengan Button Close

Beberapa hal dalam ngeblog, supaya blog terlihat menarik dengan iklan PPC. Maka, cara buat iklan melayang sangatlah mudah untuk kita praktekkan, khususnya seperti blog ini sendiri. Bukan hanya iklan saja yang bisa di buat melayang, kebanyakan blog lain di pakek untuk widget subscribe melayang.

Langkah-langkah pertama yang haru anda lakukan adalah :

1. Login ke akun blogger anda.

2. Klik pada menu layout

3. Tambahkan gedget pada blog anda dengan memilih HTML/JavaScript.

4. Gunakan kode script di bawah ini, dan letakkan pada gedget blog anda.

<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:center">
<a href="javascript:showHideGB()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>
Letakkan Kode Iklan Anda
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

Setelah itu, klik simpan.

Demikian tips dari saya, cara membuat iklan melayang dengan button close dengan langkah yang sangat mudah untuk anda pahami. Semoga artikel ini, sangat bermanfaat bagi pembaca.