Cara Menyembunyikan Buku Tamu Dipojok Kanan Atas

Selamat sore sahabat blogger,,,
Sore - sore gini enaknya ngpain ya....?????
Mau jalan - jalan gak ada kendaraan, maklum sahabat blogger namanya juga anak kost, ya mau gimana lagi lebih baik posting di blog lagi  deh...

Kebutulan ada yang saya tau sahabat, jadi saya bagi aja ke blog, kan enak tuh apalagi sambil facebookan. Kali ini saya mau posting bagaimana cara menyembunyikan buku tamu dipojok kanan atas,,
Yang sebelumnya saya telah memosting Cara membuat buku tamu pada blog klik disini, Kan lumayan keren juga sahabat,, Mau lihat contohnya gimana, Nih saya ada gambarnya,,

Tapi kalau mau lebih jelas lihat aja langsung buku tamu di blog saya, Klik aja tombol buku tamunya...
Oke kan....???
He he,,,,, (kePEDEan...)
Just Kidding sahabat.....

Langsung aja nih saya postingkan caranya :

• Pergi ke tata letak blog kemudian kamu tambah deh Gadget nya dan kamu pilih Gadget Html /JavaScript, Terus kamu Copy deh kode Html berikut dan pastekan ke Gadget yang baru kamu tambahkan itu.

<style type="text/css">
      #gb{
      position:fixed;
      top:25px;
      z-index:+1000;
      }
      * html #gb{position:relative;}
      .gbtab{
      height:150px;
      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 #C00;
      background:#000;
      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">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="220" height="260" src="http://www7.cbox.ws/box/?boxid=723989&amp;boxtag=508gak&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-723989" style="border:#636C75 1px solid;" id="cboxmain7-723989"></iframe></div>
<div><iframe frameborder="0" width="220" height="90" src="http://www7.cbox.ws/box/?boxid=723989&amp;boxtag=508gak&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-723989" style="border:#636C75 1px solid;border-top:0px" id="cboxform7-723989"></iframe></div>
</div>
<!-- END CBOX -->

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

• Terus jangan lupa diSimpan ya sahabat...
  He he...

Keterangan :

• #C00 Kode ini adalah kode bingkainya, Ganti sesuai selera kamu ya....
• #000 Kode ini adalah kode warna latar belakangnya, Ganti sesuai selera kamu ya....
• Kode Html yang berwarna merah diatas, Kamu ganti dengan kode Html Buku Tamu kamu ya....

Sekian dulu ya postingan dari saya...
Terima kasih buat kamu - kamu yang telah mengunjungi blog saya ini...
Selamat sore...