Cara Memasang Buku Tamu Versi 3

Langusng aja!
1.Login ke akun blog sobat
2.Pada Dasbor --> Rancangan --> Tata Letak
3.Klik Tambah Gadget,lalu pilih HTML/JavaScript
4.Kemudian Copy kode berikut 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>
/* ---------------
by  : Dadang Herdiana
edited by : Taufiq Azhari
---------------------------------- */
.gb {
position:fixed;
top: 0px; right:450px;
z-index:+1000;
}
#gbcontent {
    height: auto;
    background: #898787;
    width: auto;
    display: none;
    padding: 10px;
    border:4px solid  silver;
background:url(http://i51.tinypic.com/rcq4b7.gif) #000000 repeat-y center;
   -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 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 CHATBOX KAMU</div>
<br />
<div align="right"><font size="2"><a href = "http://rizaladitiyosupendi.blogspot.com/2012/05/cara-memasang-buku-tamu-versi-3.html" target=_blank"><div style="color: #000;">
<span style="font-size: x-small;">:: Get This Widget!! ::</span></div></a></font></div>
<div id="gbbtn"><a href="#" class="gbbtn" title="Buku Tamu"><img alt="Buku Tamu" heigth="125" src="http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png" border="0"style="cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50"  /></a></div></div>

5.Paste kode di atas ini pada kolom HTML/JavaScript

  -Ganti Tulisan yang berwarna merah dengan kode chatbox sobat

6.Klik save dan lihat hasilnya

sumber : http://rizaladitiyosupendi.blogspot.com

Artikel Terkait