MEMBUAT BUKU TAMU DI BLOG

Oke kawan kita akan memberitahukan cara membuat buku tamu di blog. posting yang saya tulis mungkin sudah banyak yang tahu. tapi saya akan berbagi kepada para blogger pemula. oke langsung aja kita memulainya pertama anda harus daftar ke www.shoutmix.com trus klik create shoutbox.
 isi registrasi tersebut dengan baik. kalo sudah klik continue jangan lupa kasih tanda centang di bawah registrasi. setelah registrasi selesai klik tulisan (cutomize size........) copy semua kode scriptnya.
Bila Sobat Ingin Buku Tamu  Mengkuti Langkah-Langkah Berikut.

1.  Login Ke Akun Blog Sobat
2.  Pilih Rancangan/Tata Letak 
3.  Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT

Masukan Script Berikut Di dalamnya

<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/AVvXsEh_pDZfWIsJIf8MbAndrwuj7QY8zFCfYNCdxCkPhBB_q2rt9s0VGVG-tISlQcLCt_fDqJSUW-ZQ-fVQKpprgKfFd7qeKXmw0PYX84oM7cxoxxbjqbVXbp0R6EjMzf2uh7EEiUHuCrKze_cl/') 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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
</a>|<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> 

5. Simpan.

Posted in: belajar ngeblog