salam sukses, pada kesempatan kali ini blog "informasi" akan membahas tentang bagaimana "Cara Membuat Buku Tamu di body samping blog" bagaimana langkah-langkahnya langsung saja sobat simak dengan seksama.
Model gambar untuk Exsample seperti ini:
langkah-langkahnya
1. kalau sobat sudah mendaftar di cbox.ws sobat tinggal mengkopi kode yang sudah disediakan oleh cbox, tapi kalau sobat belum mendaftar yah sobat harus daftar dulu. untuk daftar klik disini
2. langkah selanjutnya sobat harus mengkopas kode di bawah ini:
<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/AVvXsEjgxpVC5BiCQ0pHudnqIvl6-gcPNMOP2wLotwNULT_9NvGLxFYC51PNFSn9eAFc5BN7A6edlYFjrVSFIczrvcR9v85S1vdcoyb4Id8vxESll01nI2DIDwGaWublOpGBUy7WjpyxJ9jdqr4/s1600/bukutamu.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">
Silakan Pasang Kode Buku Tamu Disini
<div style="text-align:right">
<a href="http://blog-wongndeso.blogspot.com/2013/04/cara-memasang-buku-tamu-di-blog.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
tapi sebelum mengkopas sobat buka tata letak dan pilih tambahkan gatget yang nantinya akan digunakan untuk memasang kode di atas.
pada kode yang saya beri warna merah itu untuk meletakkan kode CBOX yang telah sobat dapatkan tadi
3. langkah selanjutnya tinggal sobat pilih save dan lihat hasilnya
saya harap hartikel tentang cara membuat buku tamu ini bermanfaat untuk sobat-sobat semuanya...
jika menyertakan link aktif diaggap sepam