Buku Tamu

Cara Membuat Buku Tamu Auto Hide

Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  Maksud dari judul Auto Hide bukan lah buku tamu yang tidak bisa dilihat oleh pengujung,

tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. Langkah ini merupakan salah satu langkah dalam menghemat tempat di blog kita.Buku tamu juga dapat menaikan trafic blog. Sebelum anda membuat buku tamu di blog anda, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:

a.          Login di blogger dengan ID anda.

b.          Klik menu “Tata letak”.

c.          Klik “Tambah Gadget”.

d.         Pilih HTML/Javascript.

e.          Lalu Copy kode berikut dan Pastekan Pada kotak HTML.

<style type="text/css">
    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkHWzY6bIb25ZF-WH1zSZ_lQxbM-ezQXYribSqU2okymSU82C7F_z3Xn2YvofzChcCB3D_GB6HWnY4OXyvTUF1b8QLU_NuttaD_V9izU2ZnfqCH5UmqdWGIwyOVSyCsI6bR-VxyikLqRXh/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    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>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">
    < Letakkan disini kode Shoutbox / buku tamu Anda>

   </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>

Buku tamu tersembunyi ini, hampir tak berbeda dengan kolom komentar yang ada di tiap posting artikel (sama-sama untuk meninggalkan jejak). Hanya saja buku tamu tersembunyi yang ada disamping blog ini lebih mudah dan ringan untuk meninggalkan jejak kunjungan di buku tamu daripada berkomentar, karena biasanya tidak ada chaptcha (memasukan kata/angka). Langkah-langkah membuat akun Cbox:

Ø   Buka http://www.cbox.ws/.

Ø   Kemudian  isi identitas Cbox, nama Cbox tanpa sepasi. Lalu klik “Create  my Cbox”.

Ø   Kemudian klik”Publis”, copy HTML tersebut.

     <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->

<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">

<div style="position: relative; height: 272px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 0px solid;"><iframe src="https://www7.cbox.ws/box/?boxid=814679&boxtag=u6McLy&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain7-814679" id="cboxmain7-814679"></iframe></div>

<div style="position: relative; height: 108px; overflow: hidden; border: 0px solid; border-top: 0px;"><iframe src="https://www7.cbox.ws/box/?boxid=814679&boxtag=u6McLy&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform7-814679" id="cboxform7-814679"></iframe></div>

</div>

<!-- END CBOX -->

Ø   Setelah kita copy HTML dari Cbox kita tempel/sisipkan (tepasnya pada  < Letakkan disini kode Shoutbox / buku tamu Anda>)  di HTML buku tamu lalu simpan.

Ø   Kita dapat merubah warna buku tamu kita, kita dapat klik “Look & Feel”.

Ø   Pilih Theme Editor.

Ø   Pilih warna yang kita sukai/yang diinginkan. Kemudian klik “Save”.

Ø   Maka buku tamu akan secara otomatis tersimpan dan akan muncul pada blog kita.