Trik Cara Membuat (TGuestBook) Melayang

Trik Membuat GuestBook Melayang

Kali nih Saya Akan memosting Bagai mana Cara membuat Guestbook Kita Menjadikan Tampilanya Menjadi Lebih Menarik & Indah seperti blog saya ni heheheh :) ..Langsung Aja Gak usah Banyak Basa Basi niHdia tuTORIALNYA

Yang pertama Yang harus Kita lakukan adalah yang pastinya kita harus masuk dulu ke acount bloger kita..

1. • Sign in ke blogger dan silahkan Login dengan Account Anda
   • ·  Pilih Layout/Tata Letak
   • ·  Pilih Page Elemen/Elemen Halaman
   • ·  Klik Add a Gadget/Tambah Gadget
   • ·  Lalu pilih "HTML/JavaScript"

Kemudian Copy-Paste kode di bawah ini   

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/AVvXsEjHFVaOWaDt5xPZh5YN1xGrnlTSynOSdoU0YQFhxVsAS633fGuKOXJDsHgO8iJJ6Y_-3ksbG_kUF4NFqNlA1hHSCQW3QWQZTU1dzVfSpDvqmVf-SxVaBOoozlNJcH8l8CPW_px3UjLYYIQu/') 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">
   <!-- Begin ShoutMix - http://www.shoutmix.com -->
   <iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
   <a href="http://www6.shoutmix.com/?m4n0">View shoutbox</a>
   </iframe>
   <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
   <!-- End ShoutMix -->
   <br/>
   Anda berminat buat Buku Tamu seperti ini?<br/>
   Klik di
   <a href="http://makassar-09.blogspot.com/2009/08/trik-membuat-buku-tamu-melayang.html">
   sini </a>
   
   <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>

1. •  CATATAN 

• GantiLAH tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix
•  Icon Buku Tamu dapat anda ganti sesuka hati dengan terlebih dahulu merancangnya di Photoshop atau di CorelDraw, setelah itu upload di hosting image seperti photobucket dsb. lalu ambil URLnya dan pasang di background seperti blog teman kita ini. Klik Disini
•  Selamat Mencoba