Membuat Buku Tamu menggunakan J-Query

Postingan kali ini saya akan memberikan tutorial langkah-langkah cara membuat buku tamu menggunakan J-Query, wahh.. mungkin buku tamu ini sangat unik yaa. Dan mungkin juga jarang d pake oleh orang-orangg,, klik disini untuk demo
                                                      Okehh langsung  saja kita k TKP gann...!!

1.       Log in ke blogger anda

2.       Masuk ke rancangan

3.       Kemudian tambah kan gadget (HTML/JAVASCRIPT)

4.       Lalu copy kode d bawah ini :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){     $(".gbbtn").click(function(){         $("#gbcontent").slideToggle("slow");         $(this).toggleClass("active"); return false;     });   }); </script> <style> /* --------------- Fixed Guestbook Slide effect with jQuery II by  : Dadang Herdiana Url : http://tip-triksblogger.blogspot.com ---------------------------------- */ .gb { position:fixed; top: 0px; right:450px; z-index:+1000; } #gbcontent {     height: auto;     background: #898787;     width: auto;     display: none;     padding: 10px;     border:2px solid  #4173af;     background:#ffffff;     -moz-border-radius-topleft:15px;     -moz-border-radius-topright:15px;     -moz-border-radius-bottomleft:15px;     -moz-border-radius-bottomright:15px;     padding:10px; } .gbbtn {     position:fixed;_position:relative;top:50px; right:0px;     clip:inherit;     _top:expression(document.documentElement.scrollTop+     document.documentElement.clientHeight-this.clientHeight) } .active {     background-position: right 12px; } </style> <div class="gb"> <div id="gbcontent"> <!-- Kode buku tamunya simpan disini --> </div> <div id="gbbtn"><a href="#" class="gbbtn" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsmkYHh_MqcFhaS_KGOyONkPehFArXfcRgDTbkfvvOR_ulrovbM4QXHELWoPldlZL2Kiu-aqyIyMdj8OdHbBgneyxjX2Rq_SlcSe4fG0lTPwxliI-y0Xa5qFq3iviUETfLYCVvzmRS3zo/s1600/Guestbook.png" border="0" /></a></div>

semoga berhasil ya teman-teman, dan jangan  lupa tinggalkan kritik dan saran teman-teman sekalian

Share it to your friends..!