Cara Membuat Buku Tamu Tersembunyi di Blog

setelah lama gak posting akhirnya kangen juga untuk posting..langsung aja
Cara Membuat Buku Tamu Tersembunyi - Sebenernya udah banyak yang tau tentang gimana cara membuat buku tamu tersembunyi ini, bisa di bilang ini mah postingan basi (hehehehe). Tapi ga ada salahnya kan kalo gw posting lagi di sini

Kita mulai aja. . .

1. Login ke blogger.com
2. Klik “Add a Gadget”
3. Pilih “HTML/JavaScript”
4. Masukan kode dibawah ini

 <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('http://i1124.photobucket.com/albums/l564/Rubah9/blogpandjie/Buku_Tamu.png') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:#80FFFE;
padding:5px;
}
</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">
<!-- Ganti dengan kode buku tamu -->
<br/>
<br/>
<a href="http://blogpandjie.blogspot.com">.
</a>
<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></div></div>

5. Klik "Save"


jadi dech..gampang kan
slamat mencoba :)

Categories: Tutorial Blog