Cara Membuat Buku Tamu Blog

Modjopahit! - Cara membuat buku tamu blog adalah sebuah pokok bahasan yang sangat unik ketika kita blogwalking kedalam sebuah blog atau web seseorang. Buku tamu ini seperti sebuah kotak saran dan kritik dan bisa juga digunakan untuk media komunikasi.

kotak buku tamu ini mempunyai banyak manfaat ketika dipasang di dalam sebuah blog terutama untuk menjalin tali silaturahmi kepada teman-teman baru. So, gak ada salahnya dong kalo kita bahas bagaimana cara membuatnya meskipun sudah ada kotak komentar yang disediakan oleh platform blogger.

Cara membuat buku tamu blog

1. Masuk kedalam blogger menggunakan ID
2. Klik menu dropdown dan pilih Tata Letak

3. Pilih posisi sidebar, dan klik Tambah Gadget

4. Pilih gadget HTML/JavaScript

5. Masukkan kode dibawah ini kedalam gadget (mode 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/AVvXsEjWHy7thexZlxYWeLU3hI2ilf68zPYLGiC9k47wDui3nzMQSSIAUiASmVMHd2ZWHqZDZ9S9PTBCCkjLeJA9Cxk2IUz0mi8VsML5fwtNchlXCHIdIZEUoB0oS0YKzc73IkMTUMrCn5hyMY2j/') 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://modjopahit.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>

6. Ganti <!-- Letakkan Kode Form Buku Tamu (ShoutMix/ShoutBox) --> dengan kode yang didapat dari pihak penyelenggara ShoutBox/ShoutMix (cara daftar dan mendapatkannya gratis)

7. Simpan
8. Selesai

Buku tamu yang telah dibuat ini akan mempunyai banyak manfaat meskipun hal ini adalah sebuah pilihan bagi kita, apakah ingin dipasang ataupun tidak. Nah, jika masih ada pertanya seputar cara membuat buku tamu blog maka dipersilahkan untuk mengisi kotak komentar untuk berdiskusi bareng-bareng.