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

(Baca juga: Bisakah akun adsense dari Youtube dipasang di blogspot ?)

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/AVvXsEiYTQfaH_9RyZ5XAiAvExLng8_ltligkE3VtpKrz0oB8WBuZiYgub6oz38xWPQiXaP2zAICj58sZnR0RPlDu4Kz0b4063sFLRci-WHnt7w8w27x7oL67fEp-w5EvrZ9HE19MR7Z1dUvq5x2/') 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!!!!

(Baca juga: Cara Submit Artikel Postingan di Bing Dan Google WebmasterTool)

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

>

Jangan sampai ketinggalan postingan-postingan terbaik dari InFoBlogku. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow InFoBlogku dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

• Cara Mudah Membuat Tittle atau Judul Blog Berjalan
• Cara Membuat Buku Tamu Blog
• Cara Menghilangkan Captcha atau Kode Verifikasi Komentar Blog
• Cara Mudah Membuat Widget Popular Post Menjadi Warna-Warni
• Cara Memasang Widget Kamera CCTV di Blog

Ditulis oleh Dx pada tanggal Tuesday, 26 January 2016