Cara Membuat Buku Tamu di Blog

Hi... Ketemu lagi dengan Kali Ini catatan saya berjudul Cara Buat Buku Tamu atau cara membuat buku tamu bisa menempel di sisi Blog, kenapa sampai saya merekomendasikan tampilan seperti "Buku tamu menempel di Blog", alasannya untuk menghemat tempat apalagi mungkin ada beberapa rekan blogger mempunyai banyak iklan di blognya nah anda bisamenyisipkan iklan di blog anda juga persis di bawah chat Box atau buku tamu, 

oke langsung saja biar ga keburu basi walaupun sebenarnya sudah basi tapi ga apalah sekedar turut meramaikan judul postingan Cara Buat Buku Tamu di Blog  na di bawah ini adalah script kode html buku tamu yang nantinya anda gunkan untuk membuat Buku Tamu menempel di sisi Blog langsung di Copaz kodenya teman. et tunggu dulu...!

sebaiknya mmungkin saya pandu dulu yah step by step membuat buku tamu di blog menempel mari kita mulai:

1. Masuk ke Blog yang anda punya , lalu pilih Design/Rancangan
2. Add widget/tambahkan widget Html/JavaScript
3. Nah setelah itu...   Copy Code di bawah ini 

<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEi6EzguHNVxtq1avmOqfW_aMVLp6rJggEmPXCObQfdnStiMYmGwVr5J4IEBCz3130-u7YtQNCNn8ntwYbZC6MJpqEb45aC-9Jm13hqpxuHMEKasDam9ZXd-EHcLAPrcoTN89xTGksZ7D_dZ/') 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">

 Masukan Code Script ChatBox/ShoutBox kamu Disini

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Jangan Lupa masukkan kode Script ChatBox/ShoutBox nya atau bisa di tambahkan iklan tepat di bawahnya dengan menambahkan code <br> kode iklan/Banner anda </br>

sedangkan untuk mengatur agar supaya kode iklan tertata dengan baik anda bisa menambahkan kode <center>kode Iklan/banner anda</center> tujaunnya agar iklan terpasang pas di tengah jika ukuran bannernay lebih kecil maka akan terliahat bagus silahkan di lihat buku tamu saya 

contoh yang benar seperti di bawah ini:

<br><center> Kode Iklan/banner anda</center></br>

nah demikian cara buat buku tamu atau membuat buku tamu menempel di sisi blogsemoga bermamfaat salam sukses selalu

Sumber: http://blogger-marosblog.blogspot.com