Cara Buat Buku Tamu Disamping Blog

Cara Buat Buku Tamu Berada Disamping Blog -  Apa sih buku tamu ntu? buku tamu bisa di katakan sebaga tempat para visitor untuk bercengkarama, bercanda, ngasih saran ataupun ngasih komentar untuk admin blog. Jadi, persiapan sebelum membuat buku tamu terlebih dahulu sobat kalau belum punya script chatbox atau buku tamu daftar aja dulu disini atau disini . Kalau sudah mari kita lanjutkan cara penetapan di samping blog sobat semua.

Seperti biasa, gak bakalan berubah :

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Copy dan paste Kode di bawah ini ke dalamnya

<style type="text/css">#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://farm3.static.flickr.com/2771/4442306534_c1431ea4ce_o.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
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">
MASUKAN KODE BUKU TAMU DISINI
<a href="javascript:showHideGB()">
</a></div>
<div style="text-align:right; font-size:xx-small;">Cara Buat Buku Tamu <a href="http://azisgoonline.blogspot.com/2011/12/cara-buat-buku-tamu.html" target="blank">disini</a><br/><br/> widget by <a href="http://azisgoonline.blogspot.com" target="blank"> AzisGoOnline</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

6.Hapus tulisan MASUKAN KODE BUKU TAMU DISINI yang berwarna  merah dan ganti dengan kode buku tamu atau shoutmix blog sobat.

7.Klik SIMPAN.

8.Selesai...

Sepertinya udah selesai tu Bagaimana Cara Buat Buku Tamu Disamping Blog, Lanjutkan ke tutorial blogger selanjutnya yaitu cara membuat halaman yang bisa ngelipat di blogger.

Ditulis Oleh : Deradja ~ AzisGoOnline.Com

Sobat sedang membaca artikel tentang Cara Buat Buku Tamu Disamping Blog. , Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://azisgoonline.blogspot.com/2011/12/cara-buat-buku-tamu.html" target="_blank">Cara Buat Buku Tamu Disamping Blog</a>