Halo sobat blogger, berhubung sudah ada beberapa sobat kita yang bertanya "Bagaimana membuat Buku Tamu seperti di blog Cara Membuat Blog ini?", maka saya menulis postingan ini dengan judul "Buku Tamu ala Cara Membuat Blog". Sebenarnya sudah banyak sobat blogger yang telah memposting tentang topik yang serupa dengan cara membuat buku tamu di blog, tapi tidak masalah jika saya membuat postingan di blog ini, soalnya sudah beberapa kali ditanya, g enak aja, hihihi.
Kita langsung saja ya sob:
Kita langsung saja ya sob:
1. Login di blogger dengan aku sobat
2. Masuk pada menu "Rancangan"
3. "Tambah Gadget" >> Pilih Gadget HTML
4. Pastekan kode berikut ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:210px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i275.photobucket.com/albums/jj300/H4L4LYI/cepotgift.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background:#999999;
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">