Cara Membuat Buku Tamu Blog

Cara Membuat Buku Tamu Blog - untuk membuat blog agar lebih interaktif dengan pengunjung maka cara berikut ini adalah sebuah alternatif yang dapat digunakan. Yaitu dengan memasang sebuah form buku tamu yang dapat berisi kritik dan saran ataupun sebuah sapaan pengunjung pada saat blogwalking.

Sebenarnya secara default kita sudah memiliki fasilitas ini yaitu dalam bentuk form komentar yang dapat ditemukan oleh pengunjung disetiap akhir posting, tetapi kita juga dapat membuat fasilitas tambahan. Pada kesempatan kali ini kita akan membuat sebuah buku tamu yang akan kita letakkan pada bagian  kanan blog tepatnya menempel pada layar monitor sebelah kanan.

Untuk membuat fasilitas ini sangatlah mudah karena dasar kemampuan yang diperlukan adalah standard yaitu memasang widget kedalam blog, dan copy paste kode berikut ini kedalam widget html. Mudahkan!?

Langkah-Langkah Cara Membuat Buku Tamu Blog

1. Buka account blogger

2. Masuk rancangan

3. Tambah widget, pilih HTML/Javascript

4. Copy dan paste kode berikut kedalam widget HTML/Javascript

    <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/AVvXsEh8fF_DuxdSDD_CoIqUgOMSn1pHFiVDj46ncuJYlDFQ3qJ7FSr16HrcFS0bc8DR7EX7gtHol59gi4MnaT19Bqfn9Yktqa2QOFckvuoJU9LSv9dl5dDjaYK1tUDx2hfIgN6cLL60dbXu9x4X/') 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 Kode Form Buku Tamu (ShoutMix/ShoutBox) -->

    <a href="http://adsloko.blogspot.com"> Cara Membuat Buku Tamu </a>
    </a>

    <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>

5. Ganti kode ini " <!-- Letakkan Kode Form Buku Tamu (ShoutMix/ShoutBox) --> " dengan kode yang telah Anda miliki

6. Kode form buku tamu dapat diperoleh secara gratis dengan mendaftar di penyedia jasa shoutmix seperti http://www.shoutmix.com/ [daftar dulu tentunya ya gan]

7. Simpan

8. Terakhir adalah menikmati hasilnya

9. Selamat mencoba AND GOOD LUCK GAN!!!!

Terimakasih telah berkunjung di blog ini dan semoga anda sukses dengan segala usaha yang sedang dilakukan. Semoga membantu......  

[jika ada pertanyaan silahkan disampaikan melalui form komentar yang ada di bawah posting ya gan.....]