Membuat Iklan Melayang dengan Tombol Close

Sebetulnya saya tidak terlalu suka ketika berkunjung ke sebuah blog atau website yang waktu dibuka kemudian muncul iklan yang menghalangi pandangan dan menyuruh kita untuk mengklik iklan tersebut... Terkesan memaksa dan memang untuk cari duit memang harus aga memaksa atau ngeyel kalo pa Ippho Santosa (Guru bisnis terkemuka Indonesia). Namun tidak ada salahnya jika kita ingin tahu bagaimana cara membuat Iklan melayang tersebut. Berguru memang tidak harus pada satu atau dua orang, tapi harus sebanyak-banyaknya. Termasuk saya menemukan jawaban ini dari blognya ... entahlah saya sendiri tidak kenal namun InsyaAllah pahalanya akan tetap mengalir pada beliau. Anda bisa kunjungi di http://ecaknyo.blogspot.com/ sama-sama blogger tapi jauh lebih senior dari saya.

Berikut langkah-langkahnya:

1. Loginlah ke Blogger -Design - Elemen Halaman -Tambah Gadget - HTML/Javascript. dan gadgetnya biarkan saja tanpa nama/judul...
2. Lalu CoPas Kode IKLAN MELAYANG dibawah ini ke dalam Gadget HTML/Javascript tadi...

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

3. Lalu klik Simpan gadget. Kemudian lihat hasilnya dengan Refresh Blog anda

Note :

> Posisi Gadget Melayang ini bisa kamu letakan dimana saja.. di atas / Bawah atau Kanan/ kiri.. aturlah secerdiknya kamu biar tampilnya nanti bagus..
> Tapi.. Jangan Menaruh Gadget ini satu bagian/daerah dengan gadget melayang lainnya.. karena mungkin bisa menyebabkan error..

Semoga sukses selalu sobat.

.::Related Posts: