Membuat Iklan Melayang Dengan Tombol Tutup (Close) 1x

Untuk membuat iklan melayang dengan tombol close banyak oleh Blogger  yang menggunakan berbagai kode-kode rumit, namun setelah saya mencari melalui google ternyata ada code yang cukup simple. Cara ini lebih simpel dari posting sebelumnya untuk keluar dari iklan yang kita tayangkan di blog, pengunjung cukup mengklik 1 kali dan iklan akan keluar (close).

Berikut kode yang harus ditambahkan pada add widget pada side bar blog atau website untuk memasang iklan melayang dengan tombol 1x :

<style type="text/css">

#gb{position:fixed;top:10px;z-index:+1000;}

* html #gb{position:relative;}

.gbcontent{float:right;border:2px solid #ffffff;background:#ffffff;padding:10px;}

<style type="text/css">

#gb{position:fixed;top:10px;z-index:+1000;}

* html #gb{position:relative;}

.gbcontent{float:right;border:2px solid #ffffff;

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:left">

<a href="javascript:showHideGB()">

<img id="’closed’" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEika2KRJ8ee3yamFASEZlLDTt1wsWWThxHPdE2GJ4ZMAUZJRyJFgupbFtC6uPR6hxQu-sTNR1JFTV7Oku26gRNK6IJE8NUqMPqgFS8in8my6kmw_cMTNrCscpniNVuguRWUaPE5hdETh8nd/s1600/close-icon.png' /></a>

</div>

<center> 

<script async="async" data-cfasync="false" src="//pl17930480.highperformancecpmgate.com/f0a07b00708ab42bb24ede67cb7eb746/invoke.js"></script> <div id="container-f0a07b00708ab42bb24ede67cb7eb746"></div> 

</center>

<div style="text-align:left">

<script type="text/javascript">

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

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

</script>

</div>

</div>

</div>

Selesai.