Cara Sembunyikan Buku Tamu ( Shoutbox ) bannerfans_36599691

Thursday, May 10, 2012

Cara Sembunyikan Buku Tamu ( Shoutbox )

kali ini saya akan berbagi gimana cara meringkat kode html agar terlihat lebih freksibel
antara lain dengan cara menyembunyikan buku tamu (shoutbox) dengan kata lain membuat tabel bukak tutup


Langsung aja yagh di bawah ini saya berikan 2 script buat menyembunyikan chat box maupun shout box, yang satu dengan menggunakan knop atau tombol yang membuka ke samping saat di klik dan yang satunya lagi dengan cara open close.
Berikut scriptnya

langsung saja langkah pertama yang harus 
dilakukan adalah membuat buku tamu itu sendiri:

CARA MEMASANG BUKU TAMU DI BLOGER

langsung saja kali ini saya akan membahas gimana cara 
Memasang sebuah buku tamu atau  (shoutbox/guestbook)
 pada sebuah blog karena fungsi buku tamu itu sendiri sangatlah penting sehingga
 hal yang cukup lumayan penting, karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang pemilik blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog,


 maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi lebih bagus. 


langkah pertama 
setelah regriter anda akan mendapatkan kode html 
seperti dibawah ini:

langkah kedua:


letakkan kode ini 

sebelom kode buku tamu anda..
<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('http://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg') 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">

oke sekian dulu info dari saya moga bisa bermanfaat bagi anda semua



Baca Artikel lainya:

0 komentar:

Post a Comment