Cara Membuat Iklan Melayang dengan Tombol Close

Membuat Iklan Melayang dengan Tombol Close :  Mungkin teman blogger pernah melihat yang ginian, yang mana ketika kita membuka pertama kali web/blog sesorang maka otomatis iklan tersebut muncul dengan tombol close. tips ini saya dapat dari o-om.com beberapa bulan lalu. dan penulis asli sebenarnya adalah "Kang Yasin"
Untuk Membuat Iklan Melayang dengan Tombol Close sangatlah mudah seperti biasa  anda harus login Blogger.com dulu pastinya, lalu masuk Elemen Halaman kumudian Tambah Gadget Pilih HTML / JAVASCRIPT dan Copy kode di bawah ini :
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNm3wY6SePfibEuVAq_ozHxoqnK7FeVZU4S5_VwACuEO2oGYDshvulmcslBYeXnRHQuwC_fi13KceKIQKsqYJVd3r245my6IlwPSQjddvBfohqV6Z6L4PHsAIxU2kexosvdipNtG-RUg/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHNm3wY6SePfibEuVAq_ozHxoqnK7FeVZU4S5_VwACuEO2oGYDshvulmcslBYeXnRHQuwC_fi13KceKIQKsqYJVd3r245my6IlwPSQjddvBfohqV6Z6L4PHsAIxU2kexosvdipNtG-RUg/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


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

Masukan Kode iklan anda inginkan di sini

</center>

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

Sudah itu di simpang tentunya, demikianlah Cara Membuat Iklan Melayang dengan Tombol Close
Semoga bermanfaat...

Popular posts from this blog

Nikita willy - Foto Profil Nikita Willy

Ide Desain Interior agar Rumah Terasa Lebih Nyaman: Mewujudkan Keindahan dan Kesejahteraan

Menginspirasi dengan Desain Pagar Rumah Modern: Keselamatan dan Estetika yang Seimbang