disini saya akan share cara untuk membuat buku tamu melayang di blog kita,adapun langkah2nya adalah sebagai berikut.
1. kita harus daftar cbox dulu, kalau belum silahkan daftar disini
2. setelah daftar kita akan dapat kode HTML dan copy kode html dibawah ini
selamat mencoba......!
<style type="text/css">
#gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ546BSDLej5Ff-hyYOkJiJtLyWSrxRkAoon5iEx1lCSRimMO1GorGx8HR7ah2lJhRhUPkjJQNx1uR9pneYS9FUdb2-cneLYyhe05TJdCZ43DrRQgEoKIlzzpRBdzabF1he7vp34s1WtvT/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; }
</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> <br />
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
copy pastekan kode HTML Cbox yang telah kita buat disini
br/>Buat ?<br />
Klik <a href="http://chips-seven.blogspot.com/2012/04/trik-buat-buku-tamu-melayang-di.html" target="_blank"> di sini </a> <br />
<div style="text-align: right;">
<a href="javascript:showHideGB()"> [hide] </a> </div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
mohon maaf link ini pernah saya ambil di blog orang namun saya sudah lama menyimpannya jadi saya tidak ingat siapa yang telah menguploadnya.
