Buat Iklan Melayang Dengan Tombol Close
Cara Buat Iklan Melayang Dengan Tombol Close. Tentunya iklan yang melayang mudah untuk di lihat oleh pengunjung dan jika pengunjung tidak ingin melihatnya pengunjung pun bisa mengklik tombol CLOSE yang telah ada
1.Login Ke Blogger.
2.Klik Tata Letak.
3.Klik Element Halaman.
4.Kemudian Klik Tanbah Gadget dan pilih HTML / JAVASCRIPT .
5.Selanjutnya Copy dan Paste Kode Berikut Di Dalamnya.
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh59SZD2-wshg5wavKQCzQXoEIm1h-QXe7tjJW74thgg7mb7tyAPRjU8N7lxnTQzbQ9WwUiMl3eJC6dI34W2QAyjv90tbOEdkq4KpTCbrWTftz1IVZNmT65ddMu-RKQB7EWaiYiUs-ttA/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/AVvXsEh59SZD2-wshg5wavKQCzQXoEIm1h-QXe7tjJW74thgg7mb7tyAPRjU8N7lxnTQzbQ9WwUiMl3eJC6dI34W2QAyjv90tbOEdkq4KpTCbrWTftz1IVZNmT65ddMu-RKQB7EWaiYiUs-ttA/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 DISINI
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
6.Ubah Teks MASUKAN KODE IKLAN DISINI yang berwarna merah Dengan kode iklan kalian masing-masin,kemudian klik SIMPAN.
nice
BalasHapus