Tuesday, March 27, 2012

buku tamu pada blogspot

cara membuat buku tamu ...pada blogspot kususnya kita bisa
memanfaatkan situs atau web penyedia buku tamu
disini saya menggunakan penyedia web yaitu www.cbox.ws
silahkan daftar di situs tersebut kemudian ambil secriptnya ..
yang akan di masukkan ke blog kita sebagai buku tamu
klo sudah ikuti langkah berikut :
  •  login ke blogspot
  • kemudian masuk ke perancangan
  • terus ke elemen halaman
  • sesudah itu tambah gadget
  • pilih HTml/java script
  • copy kode di bawah ini
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMk2Timkmu8pEXix8rK6x5tl6ieMXfWDjoE_JNuQ-5hzh3whiL-Iw3oEtJbvgxNWHLS3BrrFEqsQPwfsHS9G8uAWdOOujfpb6k4kgzxj5Snq4sfXYcu0xflJGzmFTXU3UPaxw31qRzS5k/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://jasapembuatanblog-murah.blogspot.com/2011/12/cara-membuat-buku-tamu-di-blogspot.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>


jangan lupa di save .. soal ukuran bisa di sesuaikan sendiri dengan keinginan masing-masing
simpel kan cara membuat buku tamu
jadi bagus dehh blog kita klo ada buku tamunya ...

No comments:

Post a Comment

Udah di baca kan.... kritik dan sarannya saya persilahkan ^_^..jangan lupa isi Buku tamunya juga ya...