Cara membuat buku tamu slide effect with jQuery

»» Login Blogger
»» Pilih Design
»» Page Elements
»» Add Gadget
»» Pilih HTML/JavaScript
»» Kemudian Copy paste code berikut:

<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(){

$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});


});
</script>
<style>
/* ---------------
Simple Slide panel with jQuery
---------------------------------- */
#panel {
height: auto;
background: #f90;
width: auto;
display: none;
padding: 7px;
border: #0C0;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
}
.slide {
margin: 0;
padding: 0;
border-top: solid 4px #f90;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDfMwwKpovPbFoYD5KB8MAT8lEOq14CDRslJDzKzB1Ec5l6hFjzurvVGfibK-30hXjWoZBuz2Kvkg-VtckpmwK5PgSH00uUVX1MEL_B82EAQHRHg3bSwBkVJKzK2ncbZCfczYB12ALbbQ/s1600/btn-slide.png) no-repeat center top;

}
.btn-slide {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs-s0RhaARoyDBxjbxrjFNKu58gOgO9zKjdmVHTNL0Rmfi3pWRF3TW-KbeuQSx60iUS2inAed4QgHqNLoox2Ulkmyyn2fUnQVna_WY35_byiqfgkBJQhQ-WmAFvyzKJS0iX-cZBnlTle4/s1600/white-arrow.gif) no-repeat right -50px;
text-align: center;
width: 144px;
height: 31px;
padding: 10px 10px 0 0;
margin: 0 auto;
display: block;
font: bold 120%/100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
.active {
background-position: right 12px;
}
</style>

<div id="panel">

<!-- Simpan Script Buku tamunya disini -->

</div>
<p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

»» Save, kemudian lihat hasilnya.

Keterangan:
Harap diketahui bahwa jika KAWAN sudah pernah memasang Script jQuery didalam template KAWAN, maka script yang berwarna merah tersebut tidak perlu di ikut sertakan dalam pemasangan buku tamu slide effect with jQuery ini.
Selamat mencoba.