Cara Sembunyikan Buku Tamu Facebook

Cara Sembunyikan Buku Tamu Facebook bisa juga dibilang membuat buku tamu melayang disisi Kiri atau Kanan Blog kita.

Keterangan Mengenai Cara Pasang baca disini –> Cara Pasang Buku Tamu di Facebook
Mempercantik Blog kita dengan berbagai widget / Gadget memang sudah jadi Tradisi, ini demi betahnya pengunjung diblog kita. Namun kadang juga kita bingung mau ditaruh dimana lagi gadget baru kita sedangkan blog sudah penuh dengan pernak pernik.
Alternatif yang paling Keren yakni disembunyikan atau dibuat melayang disisi kiri atau kanan, blog.
Silahkan Ikuti Langkah-langkah Berikut Untuk Pemasangannya :

• Tentu Login dulu ke Account Blogger Sobat
• Silahkan Menuju Dasbor lalu Klik Rancangan
• Pilih Tambah Gadget
• Pada Halaman Tambah Gadget Cari Tab menu HTML/JavaScript lalu klik Tambah
• Isi judul dengan kode ini <!–judul–>
  Maksudnya supaya nanti Gadget kita terlihat tanpa Judul, karena sekarang jika sobat kosongkan judul maka Gadget dianggap SALAH
• Sekarang Isikan dengan Kode dibawah ini

Sobat Tinggal Mengcopy CODE dibawah ini

Kode untuk Sebelah Kanan

1

<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/AVvXsEiyX4KmOSIi79ukIZ4OfEBM9QOmoCAmRu2uBWVqFhqSn-NkT1RLAOWoEWbxPHLz-cVAoldqOQJrPN06swgP52pD4-rrVwRyl0IyWrVDMrXZ1PYN-ehFTUlDY7eFALOtwnjPKW3FZdIDeEs/') 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 onclick="showHideGB()"> </div> <div> <div style="text-align: center;"> <span style="color: blue; font-size: x-small;">Selamat Datang</span> <span style="font-size: x-sma</span><span style="font-size: x-small;"><b style="color: blue;">Kunjungannya</b></span> </div> &lwidth=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;"> <span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/" target='new,>kumpulancara</a></span> </div> <br/> <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>

Kode untuk Sebelah Kiri

1

<style type="text/css"> #gb{ position:fixed;top:100px;z-index:+1000;} * html #gb{position:relative;} .gbtab{height:128px;width:35px; float:right; cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyX4KmOSIi79ukIZ4OfEBM9QOmoCAmRu2uBWVqFhqSn-NkT1RLAOWoEWbxPHLz-cVAoldqOQJrPN06swgP52pD4-rrVwRyl0IyWrVDMrXZ1PYN-ehFTUlDY7eFALOtwnjPKW3FZdIDeEs/') no-repeat;} .gbcontent{float:right;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.left = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}} </script><div id="gb"> <div onclick="showHideGB()"> </div><div> <div style="text-align: center;"> <span style="color: blue; font-size: x-small;">Selamat Datang</span> <span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;"> </span><span style="font-size: x-small;"><b style="color: blue;"></b></span></div> <iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&amp;width=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;"> <span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/" target='new'>kumpulancara</a></span> </div><br/><div style="text-align:left"><a href="javascript:showHideGB()">[tutup] </a></div></div></div> <script type="text/javascript">var gb = document.getElementById("gb"); gb.style.left = (30-gb.offsetWidth).toString() + "px"; </script>

Keterangan :
position:fixed;top:100px;z-index:+1000 = Posisi Tombol Logo Open Close
height = 400px; (untuk ketinggian buku tamu)
width = 290 px; (untuk kelebaran buku tanu)
Silahkan Sesuaikan Keinginan, Tapi Menurut saya itu sudah sesuai

Tips tricks yang populer lainnya:

Triks Blog

• cara memasang jam dan kalender di blog
• Cara Memasang Nomor Urut Pada Kotak Komentar Blog
• Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
• Cara Membuat Foto/gambar Efek Memutar-mutar Dan Membesar Saat Disorot Mouse
• Kostumisasi Avatar Komentar
• Cara Membuat Artikel Terkait Di Bawah Postingan
• How To Enrol Into Blog Search Engine Google
• How to Guestbook Show Hide from above
• Buku Tamu Tersembunyi Versi 2 Di Blog
• Menambahkan Scroll Pada Daftar Link (Blogroll)
• Cara Membuat Kotak Admin
• Free Backlink Qualified
• Blog Comment With Kaskus Emote Ver 2
• Cara Membuat Popular Post di Blog
• Delphi 7 error di windows 7
• Cara Memasang Adsense di Web/Blog
• Membuat Trigger jQwerty
• Award setetes embun
• Cara Pasang Back to top di Blog
• Cara Mudah Membuat Desain Header Blog
• Membuat Emotion Pada Komentar Blog
• Membuat Buku Tamu Tersembunyi
• Cara Membuat Tulisan Posting Baru, Posting Lama dan Home Dengan Icon
• Membuat Tanda Tangan Online di mylivesignature