Cara Sembunyikan Buku Tamu Facebook

---

JUDUL  :  CARA  MENYEMBUNYIKAN BUKU TAMU FACEBOOK

---

Artikel Terkait

• Cara Pasang Kotak Komentar Facebook di Blogger
• Cara memasang widget Facebook di blog
• Cara pasang facebook widget di blog
• Memasang Widget I Love Indonesia
• Memasang Widget Followme Twitter Melayang
• Membuat Widget Follow Melayang
• Menampilkan post blog di facebook
• Menampilkan tombol balas komentar
• Pasang nomor urut pada komentar
• Pasang post terbaru dan komentar terbaru

 ----------------------------------------------------------------------------------

Cara Sembunyikan Buku Tamu Facebook bisa juga dibilang membuat buku tamu melayang disisi Kiri atau Kanan Blog kita.
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

<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/AVvXsEgQecDmeqhD205EgToi6DSyNKd0ICjffHScZn5xbpVUYzmnQ3noWIKY9aVgyUl-42_M-k131BhK02yYSiv5EhhUOTtSHqGZlgh7YKycp8rH82v9KsKwj5wcIJJkyS-GqcZ2zVYAOvyowO8/') 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"> <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

<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/AVvXsEgQecDmeqhD205EgToi6DSyNKd0ICjffHScZn5xbpVUYzmnQ3noWIKY9aVgyUl-42_M-k131BhK02yYSiv5EhhUOTtSHqGZlgh7YKycp8rH82v9KsKwj5wcIJJkyS-GqcZ2zVYAOvyowO8/') 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 class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">

<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
Jika Ada yang tidak berfungsi Mohon Konfirmasi
By : Bang Udin

----------------------------------------------------------------------------------

Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel

----------------------------------------------------------------------------------

Postingan Baru :

• Cara membuat link berkedip ketika cursor melintas
• Cara Membuat Effect Snow Atau Tabur Salju Di Blog
• Cara Intalasi Windows Seven ( 7 ) Lengkap
• Code Rahasia Semua Type Handphone Lengkap
• Cara Daftar Dan Merubah Domain Blogspot Ke .CO.TV
• Cara Membuat Cursor Bertabur Bintang
• Cara Pasang Meta Tag Di Blogger SEO Friendly
• Cara Memasang Share Pack (Share Post To Social Boo...
• Cara memasang sharing is sexy di blogspot
• Cara Membuat Taskbar Ato Toolbar Melayang Di Blog
• Cara Membuat Shoutmix Tersembunyi
• Cara Membuat Link Warna - Warni Pelangi Di Blog
• Cara pasang video di blog
• Cara Membuat Link Berkedip Warna Warni
• Tempat Ganti Code Warna
• Cara Menu Tab View di Samping
• Cara Membuat Tulisan / text Berkedip
• Cara Membuat Menu Melayang
• Efek Marquee untuk Banner Berjalan
• Salam Pembuka Sesuai Dengan Settingan Waktu
• Mengganti Icon Blogger
• Cara membuat addres bar berjalan

TERIMAKASIH SUDAH BERKOMENTAR