Cara Membuat Buku Tamu/Guest Book Tersembunyi di Blog

Cara Membuat Buku Tamu/Guest Book Tersembunyi.Guest Book atau buku tamu adalah cara memberikan komentar pada blog orang lain yang kita kunjungi selain dari fasilitas komentar yang sudah ada di Blogger.Mungkin,beberapa orang sudah tahu tentang cara membuat Guest book tersembunyi.Tapi alangkah baiknya jika kita mengulas lagi tentang cara pembuatannya..

Dari pada basa basi terus lebih baik kita langsung saja ke TKP.hhee...

• Pastikan dahulu kalau anda sudah punya akun  Cbox.Kalau belum punya akun silahkan daftar terlebih dahulu dan lihat cara mendaftarnya disini.
• Masuk ke akun blog anda
• Pilih Tata Letak dan Tambah Gadget
• Pilih menu HTML/Javascript
• Masukkan kode di bawah ini 

<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('riefqyzhou.googlecode.com/files/guestbook.png') no-repeat; } .gbcontent{ float:left; border:2px solid #1300F2; background:#A9A9F5; 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> <br /> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> LETAKAN KODE CBOX ANDA DI SINI <br /> <div style="text-align: right;"> <a href="javascript:showHideGB()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script> <div style="text-align: left;">            Keterangan : Silahkan anda ganti tulisan yang berwarna <span style="color: blue;">biru</span> dengan gambar sesuai keinginan anda      dan untuk tulisan yang berwarna <span style="color: red;">merah</span> silahkan anda ganti dengan kode CBox yang anda punya .</div> <ul> <li>Kemudiahlaan simpan gadget anda dan lihat hasilnya seperti apa.<br /> Bagaimana ???<br /> Mudah kan???Mudah kalau anda mengikuti caranya dengan baik dan benar.Jangan lupa untuk joint dan memberikan komentarnya ya..</li> </ul> <ul> </ul> <strike><strike></strike></strike></div>

Artikel Terkait: