cara membuat buku tamu

1. Login ke blogger
2. Kemudian klik Tata Letak dan Elemen Halaman
3. Ketika sudah berada di Elemen Halaman klik Tambah Gadget
4. Lalu pilih HTML/JavaScript
5. Langkah selanjutnya masukkan kode seperti contoh dibawah ini  <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('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">
   
   
   
   
   
   
   <!-- BEGIN CBOX - www.cbox.ws - v001 -->
   <div id="cboxdiv" style="text-align: center; line-height: 0">
   <div><iframe frameborder="0" width="200" height="305" src="http://www7.cbox.ws/box/?boxid=644664&amp;boxtag=2z4f0k&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-644664" style="border:#ababab 1px solid;" id="cboxmain7-644664"></iframe></div>
   <div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=644664&amp;boxtag=2z4f0k&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-644664" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-644664"></iframe></div>
   </div>
   
   
   
   <div style="text-align:right">
   <a href="http://rangga-hadi.blogspot.com/2010/02/cara-pasang-buku-tamu-tersembunyi.html">[get this widget]</a>><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>

 

Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan sarannya saya harapkan utuk membantu pengembangan website saya, Kritik dan Saran dapat disampaikan melalui kotak komentar atau Diskusikan Bersama

Berbagi artikel ini Ke : Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 18.17 and have 0 komentar