Apabila Anda suka membuka blog orang tentunya pernah melihat widget guest book atau buku tamu. Apabila tertarik dengan widget tersebut, berikut ini Bangiz akan berbagi cara untuk membuat buku tamu di blog. Dengan menyimpan buku tamu maka pengunjung akan dengan mudah untuk menyapa, bertanya, memberi kritik, saran dan lainnya. Gimana tertarik untuk menggunakannya?


buku tamu
Buku tamu / ilustrasi
Tetapi sebelum bisa membuat buku tamu di blog, Anda harus memiliki kode buku tamunya terlebih dahulu, silahkan kunjungi saja salah satu situs Shoutbox, Chat Box atau Shoutmix. Setelah mendaftar dan mendapatkan kode buku tamu tersebut, maka langkah selanjutnya adalah:

1. Masuk ke dasbor Blogger


2. Pilih Tata Letak --> Tambahkan Gadget --> Pilih HTML/Javascript.

3. Copy kode berikut dan Paste Pada kolom konten yang tersedia:


<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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: &quot;Trebuchet MS&quot;,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 hasilnya.


Demikian tutorial kali ini tentang cara membuat buku tamu di blog, Apabila ada pertanyaan silahkan tinggalkan komentar dan jangan lupa sebarkan ke teman Anda melalui sosial media.
Loading...
 
Top