Bloggerberdatu

11/15/13

Cara Membuat Buku Tamu di Blogger

                                  Cara Membuat Buku Tamu

 Cara buat/memasang guest book di blog tutorial blogger untuk Blogger Pemula.Tutorial blogger yang akan menjelaskan/menginformasikan tentang Cara Membuat Buku Tamu "Menggantung" Di Blog.Buku tamu/Shoutmix/Shoutbox merupakan salah satu aksesoris blog yang saya anggap sebagai salah satu aksesoris yang wajib ada di blog/website.Bentuk dari buku tamu mungkin berbeda-beda,namun mempunyai fungsi yang sama.Fungsinya adalah untuk memudahkan pengunjung untuk mengisi buku tamu tersebut,kalau dia pernah singgah di blog sobat.


Nah kali ini saya akan share gimana caranya membuat buku tamu di bloger sobat.!!
Oke gak terlalu banyak tata titi tembung kulo,, versi jawa,, yo mari kita ke TKP..!! :)

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




  • Silahkan login dulu ke blog sobat
  • Silahkan klik Rancangan
  • Klik elemen laman
  • Klik tambah 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/AVvXsEjlBbbYuD0Pbia0PWmgRY6gCqH6pMGlu2VAtuGxzlBSWtQsWhhwIN08tgoECvKzYFAUZhfRiVLkciwnz0hR8DlQNgSoFL63tVa88p1MdZVQdCKobAyYtYavdPexaW84_5jCgxEUgceO95_M/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 sahabat <!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://http://adjiwisnu82.blogspot.com//2012/11/cara-buat-buku-tamu.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>


  • Perhatikan tulisan yang berwarna biru  <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sahabat <!-- END CBOX -->  silakan ganti dengan code Cbox Sobat
  • Untuk mendapatkan kode dari cbox,silahkan kunjungi www.cbox.ws
  • 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 merah tersebut
  • Kemudian Simpan


Nah demikian tutorial blogger tentang Cara Membuat Buku Tamu/guest book versi blogger Pemula mudah bukan.. :) Semoga bermanfaat.