Laman

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.

2 comments:

  1. wah..artikel sepeti ini bagi para pemula memang sngat berguna ya..nice kawan.. :)
    absen siang hari..commetn back ya :)

    ReplyDelete
  2. absen malam sobat..sambil jalan" saya singgah di blog sobat.. menyantap beberapa artkel..nice blog kawan :)
    salam persahabatan :).mari kita eratkan silaturahmi dengan saling mengunjungi dan saling memberi komentar... :)
    follow sukses..di tunggu follow dan comment baliknya di blog saya :)

    ReplyDelete

Silahkan