Welcome to kocomon.blogspot.com
go to my homepage
Go to homepage

Jumat, 16 September 2011

Cara Membuat Buku Tamu Bergeser

Loha... pa kabar menn...? dah lama nih ga posting blog,,,
Kali ini saya buat postingan blog khusus untuk mempercantik blog aja, sekedar membuat buku tamu kita menjadi lebiih hemat tempat,. disini saya akan kasih tau anda bagaimana membuat buku tamu kita bertengger di samping blog kita.


Langsung aja menn:
1. Login ke Blogger
2. Klik Rancangan
3. Disitu ada tulusan "Tambah Gaget" klik aja.
4. Trus pilih HTML.
5. Lalu pastekan kode berikut:
  <style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:210px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i275.photobucket.com/albums/jj300/H4L4LYI/cepotgift.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
background:#999999;
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="200" height="305" src="http://www7.cbox.ws/box/?boxid=370377&amp;boxtag=antrop&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=370377&amp;boxtag=antrop&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->

<font size="2">
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>



6. Setelah itu Simpan.
Oh ya, hampir aja lupa,, kode yang berwarna merah tu ganti aja ama kode HTML bukku tamu milik anda. Kalo belon ngerti caranya buat buku tamu cari aja di Mbah Google banyak koq...


Selamat mencoba menn....  :)

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Sang Blogger

  © Free Inspiration Blog My Blog by RAInDY Blog

Back to TOP