Cara Membuat Buku Tamu

Dalam panduan blogger kali ini, kulo akan membantu rencang untuk membuat buku tamu yang tampilannya menggantung diblog rencang. Jika rencang mau lihat contoh buku tamu menggantung, rencang gak perlu jauh-jauh berkunjung ke blog lain. Silahkan sobat lihat aja diblog ini "kebutuhanpangan.blogspot.com" yang ada di sebelah kanan rencang bagian atas. Jika rencang tertarik untuk mempunyai buku tamu yang serupa dengan blog ini, silahkan rencang langsung saja simak penjelasannya dibawah ini. Caranya cukup gampil, silahkan anda menyimak !

Untuk memulai membuatnya, silahkan ikuti panduan dan langkah-langkahnya seperti berikut :

a.    Seperti biasa, rencang harus mempunyai akun blog

b.    Next, rencang harus sudah masuk diblognya rencang

c.    Next, rencang pilih menu tata letak > tambahkan gadget > pilih HTML atau Javascript

d.    Silahkan sobat Copy dan Paste Kode HTML dibawah ini :

<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/AVvXsEh-ZxBDohOBcw1yKad08zsUDcEm6yLddpRmFXXz2hBC8_E1ePPNphn1mlX9EP73pRffT6MBD5uq-m-fMV1xgFctzQaYdHIjk0Ftpv2vm7heappXaV1A3h9yxaVN-mZcg6mubQQaKvQbsJcC/s1600/buku+tamu.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> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent">   <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik rencang <!-- END CBOX -->  <br/>Mau buat buku tamu ini rencang ?<br/>Monggo ean klik<a href="http://forumlatansa.blogspot.com/2013/06/cara-membuat-buku-tamu.html"> ten mriki </a> <div style="text-align:right"> <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>

Catatan :

•    Silahkan rencang ganti tulisan yang berwarna hijau dengan kode yang rencang peroleh dari cbox,

•    Untuk mendapatkan kode dari cbox, silahkan rencang kunjungi situs ini  http://www.cbox.ws/getone.php,

•    Silahkan registrasi atau klik menu sign up dengan email sobat terlebih dulu, kemudian verifikasi email trus silahkan login,

•    Silahkan rencang ikuti petunjuk yang ada,

•    Setelah itu, rencang bisa klik menu publish! bawahnya products !

•    Dan copy paste kodenya ( Copy to clipboard ) ke tulisan yg berwarna merah tersebut,

•    Rampung dech rencang.

Selamat menjajal rencang, oya rencang jangan lupa tingkalkan komentar ya, agar blog ini bisa lebih maksimal, thanks rencang.