Membuat buku tamu/shoutmix tersembunyi

Mungkin sudah banyak orang yang tahu tentang tutorial ini, tapi buat yang belum tahu tenang aja, karena kali ini saya akan memberikan tutorial yang paling gampang untuk di ikuti. Dan saya yakin seorang pemula seperti saya ini bisa melakukannya.

Ikuti langkah berikut:

• masuk dulu ke akun Blog anda,
• kemudian klik rancangan--Page Elements,
• kemudian klik Add Gadget setelah muncul halaman baru pilih saja HTML/Java Script. Kemudian copy kode berikut lalu letakan di dalamnya.
  <style type="text/css">
  #gb{
  position:fixed;
  top:100px;
  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">
  
  <!-- KODE BUKU TAMU -->
  
  <br />
  <a href="http://trik-tutorials.blogspot.com/" title="Internet trik and tutorial">MyBlog</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>
  Lalu Simpa dan lihat Hasilnya.
• sumber : http://valkenxxx.blogspot.com