Sobat blogger pasti pernah melihat iklan melayang pada website atau blog yang sobat kunjungi. sebuah iklan melayang dengan tombol close di pojong atas ataupun pojok bawah. iklan melayang sering juga disebut Float Top Bar.
iklan melayang sering banyak digunakan pada blog atau website karena sangat efektif untuk memasarkan produk barang atau jasa. dengan menggunakan iklan melayang setiap pengunjung pasti melihat iklan dan banyak yang tidak sengaja mengeklik iklan tersebut.
buat sobat yang mau membuat iklan melayang caranya sangat mudah kok.. ikuti langkah langkah di bawah ini
Login ke akun Blogger
klik
Tata Letak =>
Elemen Halaman => pilih
HTML / JAVASCRIPT
Copy paste kode dibawah ini kedalam kotak yang tersedia
<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLaPXSGhfOg6iPrIFMGDa4FcXKOMLFOhJFrbFhivu7xMWoDVFz6pp_KUe8eEOJn1_m2UOf_LL7l0d8n59YMmO3hiRu0OHxU-FAZLYboYG5jW_QkaWwonBXGHWTvJohv1v4kEIuUBbAuIs/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/AVvXsEhLaPXSGhfOg6iPrIFMGDa4FcXKOMLFOhJFrbFhivu7xMWoDVFz6pp_KUe8eEOJn1_m2UOf_LL7l0d8n59YMmO3hiRu0OHxU-FAZLYboYG5jW_QkaWwonBXGHWTvJohv1v4kEIuUBbAuIs/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 yang 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>
Jika sudah klik Simpan
Ganti tulisan warna biru dengan kode iklan yang sobat ingin tampilkan. selamat mencoba semoga berhasil