Cara Membuat Iklan Melayang di Blog

Bagi Anda yang suka bloging, tentu sering melihat ada blog yang yang memiliki pop up iklan atau iklan melayang. Yaitu, iklan yang tiba-tiba muncul sesaat ketika kita membuka halaman blog tersebut, dan iklan tersebut bergerak seolah-olah melayang di halaman browser. Inilah yang disebut iklan melayang.Nah, bagi yang punya blog di blogspot, kali ini saya ingin berbagi bagaimana cara membuat iklan melayang di blogspot tersebut.

Oke, langsung saja ikuti cara-cara seperti dibawah ini :

Login ke blogger.com
Kemudian klik tata letak
Pastikan pilihan Anda ada pada Page Elements atau Elemen Halaman
Tambahkan widget baru dan pilih HTML / JAVASCRIPT (pilih penempatan widget sebaiknya pada bagian header atau content jika memungkinkan)
Copy paste kode dibawah ini

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

Paste kode diatas pada widget baru Anda dan tidak usah diberi judul atau title widget
Simpan dan lihat hasilnya
Semoga bermanfaat…

Artikel Cara Membuat Iklan Melayang di Blog Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Sertakan Link Sumber Bila Copy Paste