Simpan Script ini di bawah body
Ganti tulisan yang berwarna merah dengan Link yang mau Anda iklankan
Ganti tulisan yg berwarna hijau dengan Link untuk tampilan gambarnya, untuk mempermudah buatlah Linknya di photobucket.com
<style type='text/css'>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:30px;
float:left;
cursor:pointer;
background:url(http://i1083.photobucket.com/albums/j400/MrSigit80/kurs-2.gif) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id='gb'>
<div class='gbtab' onclick='showHideGB()'> </div>
<div class='gbcontent'>
<br/>
<div class='separator' style='clear: both; text-align: center;'>
<a href='
http://www.facebook.com/profile.php?id=100000523187482' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'><img border='0' height='140' src='
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZ3jhtagjTRHAMT8K56_TUCxbjJfUwxJsHCsqVU5RT_Ogbk6u6YtV9hrmBnYmSE2Mc8LJj0t2yfzgc3JXyW2PrnDPd-ugBg44y60GTixbgRHg-1wWBgZ3RnqXy_KtOs3EB6yuFh7xsDb3p/s320/17163_101909126503193_100000523187482_52252_2992550_n.jpg' width='215'/></a></div>
<a href='javascript:showHideGB()'>
[Close]
</a>
</div>
</div>
