memasang iklan melayang di blogger

mungkin untuk para blogger udah tutorial ini udah ngga asing lagi atau bahkan udah bosen dengernya tapi barang kali masih ada yang membutuhkan apa lagi bagi para newbie ( termasuk saya )...

sesuai dengan judul postingan ini saya akan beri tahu agan agan gimana caranya untuk memasang iklan melayang di halaman blog persis kaya screensoot yang dibawah ini...

1.  agan login dlu ke account blogger.com
2. langsung aja agan menuju ke rancangan trus ke elemen halaman
3. buat sebuah element HTML/JavaScript baru
4. copy code di bawah ini dan paste pada lembar elemen

<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>
GANTI DISINI DENGAN KODE IKLAN ANDA
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

5. ubah teks yang berwarna biru "GANTI DENGAN KODE IKLAN ANDA" dengan kode iklan agan
6. save/simpan..

sekarang coba lihat hasilnya di blog agan..

Posted in: tutorial blog