Cara Membuat Buku Tamu di Blog

♠ Posted by Unknown in at 1:00 PM
Dalam panduan blogger kali ini, v.Cracks akan membantu sobat untuk membuat buku tamu/guest book yang tampilannya menggantung/melayang di blog.Jika sobat mau lihat contoh buku tamu menggantung/melayang ini, silahkan lihat di bagian kanan atas blog v.Cracks.Jika sobat tertarik untuk mempunyai buku tamu yang serupa dengan blog ini,silahkan sobat langsung saja simak penjelasannya di bawah ini.

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

  • Seperti biasa sobat mesti login dulu ke blog sobat 
  • Silahkan klik Tata Letak
  • Klik tambahkan gadget / add gadget 
  • Klik opsi HTML/Javascript 
  • Silahkan sobat Copy dan Paste Kode HTML di bawah 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/AVvXsEh59_Xd6Gzx68V5jvvaRIB4SGNR16Oq9ON5Zr7e5All9nAFI75FHZHZ3sB5RjauetbmEZJd0H1yY40zTWsvT8aMo8w1fQKO9D7vGYk1KOZovovyVWRurPSTlOEyDX_prX9_ChofCj1U55x5/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 anda <!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://v.cracks.blogspot.com/2013/01/cara-membuat-buku-tamu-di-blog.html"target="_blank"> di sini </a> <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> 

Catatan : 
  •  Silahkan sobat ganti tulisan yang berwarna Biru dengan Kode yang sobat peroleh dari cbox 
  •  Untuk mendapatkan kode dari cbox,silahkan kunjungi Cbox 
  • Silahkan Registrasi/Sign Up ( gratis/free ) dengan email sobat terlebih dulu,kemudian verifikasi email trus silahkan login 
  • Silahkan ikuti petunjuk yang ada 
  • Copy dan Paste kodenya ke tulisan yg berwarna Biru tersebut

0 komentar:

Post a Comment