Cara membuat buku tamu tesembunyi termasuk mudah
nih ada sedikit tips bagi anda para blogger Indonesia tentang cara membuat buku tamu tersembunyi caranya gampang kok ini dia:

              1.Masuk dulu ke blog sobat melalui www.blogger.com
              2.Setelah muncul jendela dasbor klik desain
              3.Klik tambah gadget/html java script
              4.copy pastekan kode beikut ini:


Gambar untuk bukutamu sebelah kanan :
 

Ini script untuk sebelah kanan :

<style type="text/css">
#gb{
position:fixed;
top:10px;
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">

<--------------Masukkan kode script buku tamu anda disini-------------->
<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html">
                  Belajar dari internet
              </a>
          </div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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



 Gambar buku tamu sebelah kiri :
  
 

Ini script untuk bukutamu disebelah kiri :

<!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com START -->
 <style> #hcl { position:fixed; top:135px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:30px; float:left; cursor:pointer; background:url('http://4.bp.blogspot.com/-QeIqNLnXWMA/TeRYvdo7uoI/AAAAAAAAAYw/aICum56VfYk/s1600/buku-4.png') no-repeat; } .hclcontent { float:left; border:4px solid #5F9EA0; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px}
 .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent"> 

<------Ganti tulisan ini dengan widget buku tamu anda------>

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html">
                  Belajar dari internet
              </a>
          </div>
 


<br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->  </span> <span style="float:right"> <a href="javascript:showHidehcl()">  </a> </span> </div> </div> <div class="hcltab" onclick="showHidehcl()"> </div>   <script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script> <!-- left hidden chatbox by http://speedy-indonesia-08.blogspot.com END --></div>

   Keterangan : ganti tulisan yang berwarna merah dengan kode widget buku tamu anda
kode yang berwarna orange adalah posisi bukutamunya semakin kecil nilai angkanya maka semakin tinggi letak buku tamunya ,sebaliknya semakin besar nilai angkanya maka semakin kebawawah letak buku tamunya 

Sumber: http://yudatfort814.blogspot.com/2011/02/cara-membuat-buku-tamu-tersembunyi.html#ixzz21mohDbyE

25 komentar:

  1. Thnks uda share tips cara membuat buku tamu tersembunyi.. mantap bro..

    BalasHapus
  2. Wah, situsnya bagus. Gak nyesel mampir ke situs ini.. salam kenal ya bro. :)

    BalasHapus
  3. Sip.. jangan pernah bosen bagiin ilmu barunya ya mas.. hehhe

    BalasHapus
  4. Mantap bro. Langsung di coba bikin buku tamu.. :D

    BalasHapus
  5. BLOG WALKING. Situs anda bermanfaat sekali. Pertahankan prestasinya agar lebih banyak lagi pengguna internet yg dpt merasakan manfaatnya. Salam dari kami http://situsbisnisonline.webs.com/.

    BalasHapus
  6. mantap gan infonya,,,sangat bermanfaat sekali buat saya. semoga apa yang agan bagikan bermanfaat buat pembaca lainnya. salam kenal ya gan semoga artikel tentang Cara Membuat Buku Tamu Tersembunyi Pada Bloggermendap tempat di hati pembaca semua. Amin.
    Semangat.

    BalasHapus
  7. artikel yang sangat menarik dan unik tuk di pahami, thenk you

    BalasHapus
  8. Gan tanya, itu cuma di copy paste di blog kita? atau ada proses lainnya?

    BalasHapus
  9. gan tanya,, itu hanya bisa di gunakan pada website blogger saja apa bisa digunakan dengan cms lain seperti wordpress?

    BalasHapus
  10. Nice infonya gan,, bantu banget. .

    BalasHapus
  11. kalau masang di wordpress caranya samakah?

    http://goo.gl/9KIKPg
    http://goo.gl/MPpxMo
    http://goo.gl/wEXCsm
    http://goo.gl/ryo6IB
    http://goo.gl/PVF73C
    http://goo.gl/seVBEF
    http://goo.gl/Vw9Vqf
    http://goo.gl/N7m0KU
    http://goo.gl/7nx6Y2

    BalasHapus
    Balasan
    1. Ini lo gan caranya
      Klik disini >> http://goo.gl/N2qY1z

      Hapus
  12. kalo pasangnya di quick cms gimana mas bro?

    BalasHapus
  13. Buku tamunya bagus cocok untuk dipasang diblog ane :)

    BalasHapus
  14. perlu dicoba nih..semoga bisa

    BalasHapus
  15. Terima kasih untuk artikelnya.... membuat antara pengunjung blog bisa saling berinteraksi

    BalasHapus
  16. makasih bos infonya dan semoga bermanfaat

    BalasHapus
  17. terimakasih gan tentang infonya dan salam sukses

    BalasHapus