Membuat buku tamu melayang

Buku tamu melayang biasanya dipakai untuk meminimalisir area widget yang akan digunakan... *ea
Selain itu, kegunaannya bisa untuk silaturahmi dan nitip link *eh
belum tau cara bikin buku tamu? klik disini!!

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);"><style type="text/css">
#CilukBa_bgsGR{position:fixed;top:50px;z-index:+1000;}
* html #CilukBa_bgsGR{position:relative;}
.CilukBa_bgsGRknop{height:145px;width:33px;float:left;cursor:pointer;
 background:url(http://i1137.photobucket.com/albums/n518/refardo/bukutamu1-1.jpg) no-repeat;}
.CilukBa_bgsGR_SB{float:left;border:2px solid #022f81;background:#75a3f8;padding:3px;}
</style>
<script type="text/javascript">
/* gubhug reyot * bloggerstars1 - bgs1GR */
function Ciluk_ba_bgsGR(){
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");var w = CilukBa_bgsGR.offsetWidth;
CilukBa_bgsGR.opened ? moveCilukBa_bgsGR(0, 30-w) : moveCilukBa_bgsGR(20-w, 0);
CilukBa_bgsGR.opened = !CilukBa_bgsGR.opened;}
function moveCilukBa_bgsGR(x0, xf){
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;
CilukBa_bgsGR.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveCilukBa_bgsGR("+x+", "+xf+")", 10);}}
</script>
<div id="CilukBa_bgsGR">
<div class="CilukBa_bgsGRknop" onclick="Ciluk_ba_bgsGR()"> </div>
<div class="CilukBa_bgsGR_SB">

<---masukin kode bukutamunya di sini--->

<center><a href="http://refardo-blogger.blogspot.com/2011/07/gan.html" target="blank">How To Create Like This?</a></center>
</div>
<script type="text/javascript">
var CilukBa_bgsGR = document.getElementById("CilukBa_bgsGR");
CilukBa_bgsGR.style.right = (33-CilukBa_bgsGR.offsetWidth).toString() + "px";
</script></div></div>
</center>
</div>
Keterangan :
Ganti Tulisan "---masukin kode bukutamunya di sini---" dengan kode buku tamu yg sudah kamu buat...
Emg sih cara bikinnya gampang... soalnya ini tutorial standard.. hehehe


I HOPE THIS POSTING IS USEFULLY FOR U...

Disqus
Blogger
Pilih Sistem Komentar

No comments

 
Innovated by Inspiration
Copyright 2014-Now REFARDO™ | Simplified 2 Nepurple Theme | Some Right's Reserved