» » Cara membuat Buku Tamu Di Blog

Cara membuat Buku Tamu Di Blog

Cara membuat Buku Tamu
Nah di postingan kali ini gua kaan memberi tahukan cara membuat buku tamu, seperti punya gua ini.
caranya simple bangetz ni.
Lo Copy Code gua ni:




<style type="text/css">
#gb{
position:fixed;

top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbsdy0JsguouAdruNdmsRSLZ_PkGSi_fBndO2_6r2siQNDc9RdNp1-XDBwy-eLhhsZWuK6JrEKzvWL0OhD_FuXld_Rf1wQDJTRn6EIFLultInzDahWUlRwCM8BWTAuwyixwlfCrh2AuJJw/') 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">


ELO KELUARKAN JAVA SCRIPT atau TERSERAH ELO LAH DISINI!!!


<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
udah??
sekarang ikuti langkah berikut:
  1. Lo pergi ke Edit Laman
  2. Trus Buat Gedget baru
  3. Lo pilih HTML / Java Sript
  4. Nah, lo Paste aja kode tadi..
  5. Simpan Dech..
 Gampang khan??
Klo lo kurang ngerti, komentar ajah!
Thanks so much..

CREATED BY: FADLI™ TERIMA KASIH TELAH BERKUNJUNG KE BLOG SAYA INI.. TERIMA KASIH JUGA UNTUK KOMENTAR DAN SARANNYA.. ^_^













.