Cara Mudah membuat guest book/buku tamu tersembunyi keren di blogspot
sobat mungkin udah pada banyak yang tau cara membuat buku tamu tersembunyi ,apa salahnya kita berbagi dan mengulang nya lagi..kan gak rugi kan? siapa tau ada yang belum tau..nah langsung aja kita ke TKP gimana cara buatnya..
- log in ke blogger
- pilih design/rancangan
- page elements
- pilih add gadget
- pilih tambah javascript/html
- masukan kode si bawah ini
<style type="text/css">
#gb{
position:fixed;
top:10px;
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/AVvXsEiIri1v9QZ2RcZ9yMaWHyjtOWCm22OqzdEe1OBho82gsVcdZcYtkZ3jA2MW-Wi-_A7M1qZK90TZeDkinc6oaXU7bJQIsTAZvcn0E8fYHuZ5fXcQ-jVDKhaK9YU5vNn6tcMw9R4W-MaenjXc/') 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">
<--------------Masukkan kode script buku tamu sobat disini-------------->
<div style="text-align: right; font-size: 10px;">
Widget by
<a href="http://berryhardisakha.blogspot.com/2011/07/cara-membuat-guest-bookbuku-tamu.html">
Belajar dari internet
</a>
</div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Histats.com © 2005-2012 Privacy
14 Februari 2012 pukul 12.03
RANI FAUZIAH
XII IPA 3
http://csholat.blogspot.com/