Home » » Cara Membuat Buku Tamu Blog

Cara Membuat Buku Tamu Blog

Written By Adsloko on Kamis, 17 Mei 2012 | Kamis, Mei 17, 2012

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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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.....]
Share this article :

42 komentar:

  1. wah, bagus nih tipsnya...
    tapi ribett liat kode2 gitu..

    BalasHapus
  2. boljug boljug nih,,,,(bole juga)

    BalasHapus
  3. gak usah dilihat kode javascripnya gan. yang penting dipasang xixixixiix

    BalasHapus
  4. Wah,,,,asyik tuh...share juga ilmu2 tentang komputer di http://mreferensi.blogspot.com

    BalasHapus
  5. Kayaknya Blogmu semakin rapi aja Gan..lama nggak berkunjung kesini,makin manies aja dibuat nich Blog.Salam dari tukang marmer Tulungagung, Masih ingat apa nggak...??

    BalasHapus
  6. Gan, dimana saya mendapatkan kode buku tamunya gan,

    BalasHapus
  7. informasi yang sangat bermanfaat gan

    BalasHapus
  8. informasi yang sangat bermanfaat gan

    http://www.tonickecantikan.com/

    BalasHapus
  9. waduh mataku jadi silau lihat warna template ini sob, oranye, bdw triknya menarik juga tuh,

    BalasHapus
  10. Saya coba terapkan gan, trims ya. Ditunggu ya kungjungannya...

    BalasHapus
  11. saya juga pengen memasang buku tamu di blog
    terima kasih tutorialnya

    BalasHapus
  12. mampir ke blog sobat, sambil baca artikel yg bagus ^_^

    #Salam hangat dari Yousake NKRI

    BalasHapus
  13. good info.^^

    blog kesehatan..
    mampir ya

    BalasHapus
  14. Waah perlu ditiru nech. thx gan.

    BalasHapus
  15. salam kenal dari blogger tulungagung, makasih buat info nya sangat membantu

    BalasHapus
  16. blog walking kakak,,,,
    minta kritik dan srannya donk ya,,,
    http://benubolu.blogspot.com

    BalasHapus
  17. link nya sudah saya pasang kakak,,,,coba di cek ya,,,
    http://benubolu.blogspot.com

    BalasHapus
  18. janga lupa mampir ya ^_^

    http://boebax82.blogspot.com/

    BalasHapus
  19. Mantab... tambah info lg..
    Salam kenal dan ijin copy gan...
    thanks

    BalasHapus
  20. mantap akang.......thankz....salam

    BalasHapus
  21. Terima kasih telah berbagi informasi, ini sangat membantu
    Boost your immune system with alternative therapies

    BalasHapus
  22. Kode scriptnya bisa diamanakan dulu ini mas kalau mau buat buku tamu tinggal salin kodenya.

    BalasHapus
  23. keren sekali infonya
    klik juga info yang menarik di

    http://www.karimunjawaku.com

    BalasHapus
  24. semoga bermanfaat infonya,,,,,

    BalasHapus
  25. thanks gan bermanfaa ni buat newbi, kunjungi saya juga ya di sini

    BalasHapus
  26. asik nih dapet ilmu baru dari mastah

    BalasHapus
  27. Wah, nice info nih gan! NAnti ane coba yaa. Thanks gan ^^

    BalasHapus
  28. Sangat menolong bagi yang ingin ngeblog.

    Paket wisata karimunjawa http://karimunjawamenjanganresort.com

    BalasHapus
  29. Great to see that someone still understand how to create an awesome blog.
    The blog is genuinely impressive in all aspects.
    I like this blog, good.
    agen judi poker online terpercaya di indonesia

    BalasHapus

Diberdayakan oleh Blogger.

@My Follower

 
Support : TipsNgeblog
Copyright © 2013. Tips Dan Trik Ngeblog - All Rights Reserved
Template Created by Creating Website Used by TipsDanTrikNgeblog
Proudly powered by Blogger