Cara Membuat Iklan Melayang dengan Tombol Close

Cara Membuat Iklan Melayang dengan Tombol Close - Float Top Bar atau lebih dikenal dengan sebutan Objek melayang. Float Top Bar ini biasanya berisi Content Iklan ataupun sebuah Form SubScribe  akan selalu terlihat oleh pengunjung. Float Top Bar mucul diatas halaman pada setiap kali pengunjung mengunjungi halaman website atau Blog kita.

Untuk membuat Float Top Bar cukup mudah, anda hanya memerlukan beberapa langkah dan Float Top Bar ini dilengkapi dengan tombol close jadi pengunjung dapat dengan mudah mengeluarkan jendela kecil ini pada halaman postingan kita. Baiklah sahabat Blogger berikut ini langkah-langkah membuat Float Top Bar dengan tonmbol close

Cara Membuat Iklan Melayang dengan Tombol Close

1. Login keakun Blogger
2. Pilih Layout atau Tata Letak
3. Klik add Gadget
4. Pilih HTML/Javascript
5. Copy kode dibawah ini dan pastekan pada content yang tersedia

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="http://aak-share.blogspot.com/2014/10/cara-membuat-iklan-melayang-dengan.html"><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/AVvXsEi_9bL1uQAgZ_LYZiVKnlgFHH6EXcla6Y5Mkk2J86n6xob0N3BiYRO2Rz6yAoWmvJpPiaetZx4MxK-rtYq3OA_zrX_0RrmbBbmoEATC5DsV24BBuYGJ5nvadYYuS9IuSBzRSH2BdsVvMbI/s1600/background.png" alt="" id="BLOGGER_PHOTO_ID_8108007135329845318" 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 #2E84E4;
background:#F4F4F4;
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 atau Gambar yang anda

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

Note :
pada tulisan yang saya bveri warna merah gantikan dengan kode iklan, gambar dan tulisan anda

6. Simpan dan lihat hasilnya

Demikian Cara Membuat Iklan Melayang dengan Tombol Close, semoga bermanfaat!

Bagikan Artikel ini