Cara Terbaru Membuat Buku Tamu Pada Blogspot

Do you Like this story..?


Get Free Email Updates Daily!	Follow us!

Cara Membuat Buku Tamu pada blog dengan menggunakan jquery ini sangat bermanfaat dan menguntungkan bagi sobat yang ingin "Membuat buku tamu", walau ada buku tamu tersembunyi yang kita daftarkan bisa melalui cbox atau shout mix , tapi kali ini lain dari pada yang lain guest book atau buku tamu ini kita pasang dengan menggunakan jquery sehingga tidak terlalu berat, oke tanpa basa basi IT Cyber Syndicate blog akan langsung membahasnya :

-Log in ke blogger.com

-Pilih rancangan

-Pilih Add gadget

-Copykan kode berikut :

$(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/AVvXsEiYM6iXu8tGyFEAsDQr7bbwcYz3RnhmV5_aQLWPSjQxDPZs9XKiGxnGr8GwlTlzpg8CPuJcDDZ5FUwQtuuk1Gqb_LxJ7JotpsF8ydebevuy1wenXXBTlthiHuzRV5cKrqE1hugD9fHKogQ/s1600/btn-slide.png) no-repeat center top;

}

.btn-slide {

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTNCLmjTVNHt8EHvwc-WgGoClp-L19Y2f9fw6Xna1J5Edg96RSn2g2nhtyD-u3La6bZT62Sc8Z4d1Oz4Phr3x4_6u9Xqe99NenD2kbzkkfoobCmoaI8753EFcTMeNTibkEVZibp7Vvra0/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>

Warna biru ganti dengan kode buku tamu sobat sedangkan warna ungu ganti dengan yang sobat inginkan

setelah itu save dan selesai lihat hasilnya...taraaaaaaaa..

jadilah buku tamu jquery , selamat menggunakannya sobat, demikian tutorial blogspot Cara Terbaru Membuat Buku Tamu Pada Blogspot di blogspot , semoga bermanfaat untuk sobat semua .