Cara Membuat Iklan Melayang dengan Tombol Close | di post berlabel blog pertama ini, admin akan memberikan tips untuk membuat iklan melayang dengan tombol close atau biasa disebut float top bar, tujuan membuat iklan melayang ini agar iklan mudah terlihat oleh pengunjung.
Pertama Buka akun Blogger anda, lalu masuk ke tab tata letak atau Page Element, setelah itu buat widget/tambahkan widget baru dan pilih HTML/Javascript dan paste script di bawah ini :
<style type="text/css">Pada teks berwarna merah adalah tempat yang nanti akan di masukkan gambar atau script iklannya.
#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 Konten Iklan Disini, bisa gambar atau script
</center></div></div>
setelah itu klik save dan lihat hasilnya.
Selamat mencoba
Wassalamualaikum Wr. Wb.
emang ga bakalan di baneed sama yang punya iklannya.
BalasHapusdi tunggu yah kunjungan ke blog saya
siap, lagi meluncur gan :D
Hapus