Cara Membuat Iklan Melayang

Assalamualaikum wr.wb

Pasti tau kan apa yang di maksud dengan iklan melayang di blog? yap sebuah iklan yang melayang dan akan mengikuti kemana pun anda pergi selama masih di dalam website itu. dan untuk menutup nya bisa menggunakan tombol close.

Sebuah blog yang mengoptimasi pendapatannya melalui PPC memang banyak yang menggunakan hal ini untuk menaikan jumlah klik nya. tetapi menurut beberapa sumber iklan ini cukup mengganggu dan tidak patut untuk di tampilkan.

Tetapi bagi anda yang ingin mencoba iklan melayang ini memang gak ada salah nya kan? wong cuma mau nyoba dan praktek aja. hahahaha

Mari kita bahas tentang cara nya :

1. Buka dashboard anda
2. Menuju ke design- dan Tambah element
3. Add a gadget
4. Pilih java script/ Html
5. Masukan kode berikut :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #000000;
background:#F1DEDE;
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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKLKe6bSEGXaNL6QhgkA4zeunr3Hb7Fyx5pClRN_2ea6882fLTgOsP4Trr-Jo60veqvsENyc7eWMitxKFWZDXFfF1yb3AplbdMj6l4jq5k1EL5cKZ0QQni3XSH8yj_oC8RdavZHpe96AZR/" title="Klik iklan tersebut untuk menutup" alt="tutup" />:.
</a>
</div>
<center>

SCRIPT IKLAN TEMAN-TEMAN DI SINI - BISA DIISI DENGAN APA AJA SIH, TERSERAH~

</center>

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

6. Nah sekarang letakan script anda dengan mengganti tulisan yang berwarna merah menjadi script yang agan mau tampilkan.
7. Save

Nah sekarang blog anda sudah ada iklan melayang, hebat bukan?

Di tunggu komentarnya ya!!!

Wassalamualaikum wr.wb