CARA MEMBUAT IKLAN MELAYANG DI BLOG DENGAN TOMBOL CLOSE 1 X

Sahabat-sahabat setia remstone, pada kesempatan kali ini kita akan membahas tentang " Bagaimana cara membuat sebuah iklan yang bisa melayang dengan tombol close 1 x klik ".

Pertama-tama sebelum kita membahas lebih lanjut tentang bagaimana cara membuat iklan  elayang dengan tombol close dengan 1x klik, yang harus anda lakukan adalah.



1. Login terlebih dahulu ke Blogger atau www.blogger.com

Setelah anda login atau sign in, anda akan berada didalam Blog Dashboard, selanjutnya klik Tata letak atau Layout.

2. Klik Tambah gadged atau Add Gadged 

3. Pilih HTML/Javascript

4. Langkah selanjutnya, Copy kode script dibawah ini, dan paste kedalam kolom HTML/Javascript yang telah anda buat tadi.

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

LETAKKAN SCRIPT IKLAN ANDA DISINI .................................. 

</center>

<script type="text/javascript">

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

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

</script></div>

</div>


NB : Letakkan script iklan anda di text yang berwarna merah

5. Selanjutnya Klik Simpan 

6. Lihat hasil iklan melayang yang telah anda buat tadi