Membuat Iklan Melayang

Sobat sepertinya sudah pernah melihat iklan melayang seperti ini ketika sedang Blog Walking. ya Iklan Melayang. Digunakan untuk tidak menganggu pembaca, dan iklan yg melayang ini bisa di Close sehingga tidak menggangu lagi. Silahkan mencoba Sobat Blogger :)

 

1. Pertama pastinya login ke Blogger sobat
2. Klik Tab "Rancangan"
3. Pilih "Edit HTML"
4. Tambah Gadget Pilih "HTML / Javascript"
5. Dan Copy kode dibawah dan Paste ditempat gadget tadi :

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvRDfY6kyShEgctfh9x0NpcnrQumAkglDrQ10gidY9wA8aXVZ2G3JBZlelyH79HWXCLPzAmr4raCefiUG0TAJqleQET179mFWJvvjJ-owqfctVVxSaBxyv813TiB21CtTa0TmEtNvxl2c/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/AVvXsEjvRDfY6kyShEgctfh9x0NpcnrQumAkglDrQ10gidY9wA8aXVZ2G3JBZlelyH79HWXCLPzAmr4raCefiUG0TAJqleQET179mFWJvvjJ-owqfctVVxSaBxyv813TiB21CtTa0TmEtNvxl2c/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 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>

6. Tulisan Berwarna Merah bisa anda ganti dengan kode iklan yg sudah anda buat. Contoh Kode Iklan Saya:

<script src="http://kumpulblogger.com/sca.php?b=159991" type="text/javascript"></script>

7. Klik Simpan dan lihat hasilnya : )

Jangan lupa difollow blog saya ya untuk mendapatkan Update : )

Posted in: Tips and Trick