Laman

Showing posts with label buku tamu. Show all posts
Showing posts with label buku tamu. Show all posts

Membuat Buku Tamu di Blog

1. Daftar dulu ke cbox.ws, gratis
2. Seting CBOX sesusai keinginanmu
3. Stelah itu dapatkan kode cbox mu
4. Buka blogmu, tambahkan widged yang html/javacsript
5. Pastekan kode ini di widged tersebut
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
cursor:pointer;
float:left;
background:url('http://i1107.photobucket.com/albums/h386/hangsbreaker/chating.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">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="170" height="305" src="http://www2.cbox.ws/box/?boxid=2220981&amp;boxtag=75495s&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="170" height="75" src="http://www2.cbox.ws/box/?boxid=2220981&amp;boxtag=75495s&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->


<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

6. Pada tag <!-- BEGIN CBOX - www.cbox.ws - v001 --> sampai <!-- END CBOX --> atau tulisan yang tercetak tebal ganti dengan kode cbox mu.

Tambahan:
   Setelah saya coba, kode tersebut cocokdi taruh di widged sbelah kanan agar dapat menutup dikanan. Silahkan dimodifikasi sendiri sesuai keinginan Anda. Selamat mencoba.