CARA MENYEMBUNYIKAN BUKU TAMU (CHAT BOX/SHOUT BOX)

Sebenarnya ada beberapa alasan sehingga blogger menyembunyikan buku tamunya… Tapi secara umum yakni agar tampilan blog semakin lega dan kerend… khan kalo buku tamunya di simpan di sidebar, tentu saja itu memakan ruang yang cukup banyak bukan??? Oleh karena itu, mengapa chat box maupun shout box pada umumnya di tempatkan tersembunyi di bagian sudut blog yang mudah dilihat oleh pengunjung…


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:
1. >> Dengan menggunakan tipe buka tutup ke samping (knop):


#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(‘http://b.imagehost.org/0611/buku-tamu.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}

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);}
}

copy SCRIPT CHAT BOX / SHOUT BOX anda di sini

var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;

2. >> Dengan menggunakan tipe Open Close, scriptnya yakni:


.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:1px solid #004831;
background:#00fcefff;
padding:5px;
padding-top:0px;
}

copy SCRIPT CHAT BOX / SHOUT BOX anda di sini




Semoga sobat berhasil membuat chat box dan shout box nya tersembunyi dan lebih kerend
Advertisements

About imranxrhia

saya hanya orang biasa, yang tinggal di rumah biasa. Di daerah yang biasa dan di negara yang sangat biasa.Tetapi saya berusaha untuk melakukan hal yang luar biasa. ^_^

Posted on 22 February 2011, in Tips Blog. Bookmark the permalink. 2 Comments.

  1. Ayo gabung dengan kita, website PPC yang memberi komisi publisher berupa pulsa elektrik, harga perklik advertiser Rp 400,- Publisher Rp 200, pay out Cuma Rp 6000, lumayan bukan?dapat pulsa gratis gitu loch!!! Kalo ingin promosi website juga sangat mudah, minimal deposit saldo iklan 5000, ayo bergabung dengan kami

  2. ok sob,saya akan coba cara yg kedua,sepertinya menarik

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: