tutorial-tips-trik-internet-komputer: Membuat Tamu Tersembunyi

Senin, 16 Mei 2011

Membuat Tamu Tersembunyi

21.15 |

Diposting oleh Halaman Tutorial |

Edit Entri

Jika blog anda sudah tidak ada ruang untuk menampilkan buku tamu atau anda sudah bosan dengan penampilan buku tamu, maka anda harus cuba tutorial berikut ini iaitu membuat buku tamu tersembunyi. Buku tamu tersembunyi adalah buku tamu yang disembunyikan dibahagian tepi halaman blog anda, dan akan muncul ketika anda mengklik tombol buku tamu atau sebaliknya akan tutup jika anda mengklik tombolnya kembali.

Untuk cara membuatnya tidak susah , ikuti trik berikut ini:
1. Login ke blogger
2. Klik Design
3. Tambahkan Gadjet pada elemen halaman
4. Pilih HTML JavaScript

<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/AVvXsEiEFBjzcWHzS4SBiqogR7zsieoYw-3QT6u4t315Z99EfOCs11TRIhFh8sl4QkA3jnq2vJ_NwdhFn6zf2E9OY7NU_UvwNhN2l4NvW1gLT2qvuUY-N8NrCmIfbQTiu9B2EPkm0B4YOOKb5WOw/') 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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://blogkomputers.blogspot.com/2009/07/membuat-buku-tamu-tersembunyi.html">
[blogkomputers]
</a>|<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. Ganti kode berwarna biru (< Letakkan disini kode Shoutbox Anda>)dengan kode buku tamu anda.
7. Simpan kode anda.

Selamat mencoba.