cara buat buku tamu berada di podjoknew

assalamualikum pada tutorial ini saya akan sedikit memberi tau bagai mana cara membuat buku tamu wonten ing podjok sakmuniko
ok sekarang siapkan masksudk ane buka blogger utawine pun LOGIN
nak sampun puniko.. sampean masuk teng dasboard tata letak tambah gadget script HTML
kemudian masukkan kode di bawah ini pada java script anda:

<style type="text/css">#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://farm3.static.flickr.com/2771/4442306534_c1431ea4ce_o.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #1300F2;
background:#FFFFFF;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
masukkan kode buku tamu di sini
<a href="javascript:showHideGB()">
</a></div>
<div style="text-align:right; font-size:xx-small;">Cara Buat Buku Tamu <a href="http://klinik-it.blogspot.com/2010/03/cara-buat-buku-tamu-berada-disamping.html" target="blank">disini</a><br/><br/> widget by <a href="http://seva-poenya.blogspot.com/" target="blank"> ardy seva</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

kalau yang belum punya KODE BUKU TAMUNYA BISA DAFTAR SEKARANG DI SINI SETELAH SOBAT DAFTAR KODE SCRIPT ATAU EMBEDNYA DI TARUH DI TULISAN YANG BERKEDIP ITU LHO.. OK MET MENCOBA..
DADA.. SELAMAT BEREKSPERIMEN
NEW

Posted in: TUTORIAL