- Back to Home »
- blog tutor , tips dan trik blogger , tutorial blog »
- cara membuat iklan melayang
Posted by :
fauzan
Jumat, 15 Juni 2012
memasang iklan melayang(floating) dalam blog, harus diperhatikan agar tidak menyalahi aturan dari perusahaan iklan, karena bisa saja anda di "banned" jika, misalnya tidak menyediakan tombol "close". Atau generated auto klik.
Berikut cara memasang iklan melayang di dalam blog:
1. Sediakan widget/gadget javascripts/html, dengan cara klik Layout >> add gadget
2. Masukan kode di bawah 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>
Kode iklan anda
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
3. Jangan lupa mengganti "kode iklan anda" di antara <center> dan </center>
4. Jika anda bosan dengan melayang di kanan, tinggal ganti float right, dengan left.
Selamat mencoba.