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 :

<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://lh3.googleusercontent.com/-XGxvD-bjtLk/TXo6ZGh056I/AAAAAAAAAUI/zvBMp0DrML4/s1600/btn-slide.png) no-repeat center top;

}
.btn-slide {
    background: url(https://lh5.googleusercontent.com/-Ia33wJE4nHY/TXo1KNUSasI/AAAAAAAAAUE/Uss0CKLZP9U/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">

    <!-- Letakkan kode buku tamu sobat disini -->

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

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 .


Comments
0 Comments

Responses

0 Respones to "Cara Terbaru Membuat Buku Tamu Pada Blogspot"

Post a Comment

Peraturan Berkomentar di Kolom Komentar It Cyber Syndicate :
» Jangan Menggunakan bahasa yang tidak sopan (Politik, Sara, Pornografi, Menyinggung)
» Tidak Di Ijinkan menampilkan Link(URL)
» Bentuk Komentar Tidak Berbau Keagamaan
» Dilarang Promosi Saat Berkomentar

Jika melanggar kriteria diatas, maka komentar akan dihapus

Terima kasih sudah berkunjung.

 
LINK BANNER :
  • Tips, Triks, Cheat, Software,
  • Binus Hacker - Independent Hacking Community
  • Blog yang ingin berbagi tips SEO, download ringtone, ebook dan software gratis, puisi, berbagi tips dan trik blogger, belajar bisnis online, belajar forex gratis
  • Blog Adexme | 'free software','tutorial blog','template blog' dll
  • Berbagi Tips dan Trik Seputar Komputer dan Internet
  • mahir blogging
  • Bermanfaat
  • Photobucket
  • jagoBlog.com
  • News Entertainment Tips and Trick | Blog | SEO | Software | Mobile | Games | Others.
  • Arimurti untuk Indonesia
  • Share-cara
  • Share shoftware,Tutor,Facebook,Blog,Tips Trick

Statistik

Return to top of page Copyright © 2010 | IT Cyber Syndicate