Sebelum anda membuat buku tamu di blog, anda harus memiliki kode buku tamunya, anda bisa mendapatkannya di Shoutbox, Chat Box, atau
Shoutmix. Setelah anda memiliki kode
buku tamu tersebut, langkah selanjutnya adalah:
1. Login ke blogger.com
2. Pilih Tata Letak --> Tambah Gadget --> Pilih HTML/Javascript.
3. Copy kode berikut dan Paste Pada kotak HTML tadi
<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/AVvXsEgir-ecQYixGQY-f__m27kc8ScBSKqyhpGvTMnRemQ0x5ditpJEEVomoB0cvRp23zxVkAThv4QWUjHwpFUKhOHRmx0G4LcylMLK2-NHb9arFIDhM1RI2Ua2y2R_7kJdyF26C6H-urS0Q9f2/') 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">
< Simpan kode Anda disini>
<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: "Trebuchet MS",sans-serif;">Supported by <a href="http://amronbadriza.blogspot.com/" target="_blank">Blogaul</a></span></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
4. Ganti tulisan berwarna merah dengan kode script guestbook anda
5. Jangan lupa simpan dan lihat blog anda...
Judul : Make a Guest Book Auto Hide
Deskripsi : Sebelum anda membuat buku tamu di blog, anda harus memiliki kode buku tamunya, anda bisa mendapatkannya di Shoutbox , Chat Box , atau...
keyword :
Make a Guest Book Auto Hide ,
Internet,
Tips dan Trik