Cara menyembunyikan Widget/ Gadget Chatbox ( Buku Tamu ) di kanan

Setelah Memberikan Cara membuat Chatbox (Buku Tamu) . Sekarang saya akan memberikan cara menyembunyikan Widget atau Chat Box (buku tamu) di kanan. Bagi blog yang tidak mempunyai banyak ruang di blognya, pasti cara ini sangat di perlukan, karena Widget-widget yang di tempel di blog hanya mengotori/Mengurangi space di blog. Langsung saja caranya sebagai berikut :

1. Login ke blogger terlebih dahulu.
2. Setelah itu Buka Rancangan - Elemen Laman.
3. Tambah Widget - Html/javascript
4. Copy paste Code berikut di sana

<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://1.bp.blogspot.com/-9bM0lhz92iA/TV_RqSGdwtI/AAAAAAAAAH0/1y2YM_ic_6E/s1600/cbred-LEFT+copyasasd.png') no-repeat;
}
.gbcontent{
float:left;
border:6px solid #de7300;
background:#F5F5F5;
padding:5px;
}
</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">

Ganti Dengan Code Script Chat Box (Buku Tamu) Kamu



Get This <a href="http://ryuuku-sena.blogspot.com/2011/02/cara-menyembunyikan-widget-gadget.html">Gadget</a></div>
<div style="text-align: right;">
    <a href="javascript:showHideGB()">
    Close
    </a></div>

    </div>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

5. Ganti tulisan yang berwarna Merah erw dengan script chat box kamu, jika belum memiliki chat box silahkan klik di sini

6. Lalu simpan.
Selamat Anda memiliki tampilan Chatbox baru.

Jika anda belum membuat chat box, silahkan klik link di bawah ini untuk membuat chat boxnya
http://www.idsena.web.id/2011/02/cara-membuat-chat-box-buku-tamu.html

21 komentar:

d'hufft said...

makasih gan...

izin terapkan

99ratiz said...

kunjungi juga

cHiLL BanD said...

nice blog..

Bandit Cyber said...

makasih tipsnya gan......
salm kenal.....

rissyaditya said...

unyuu banget blognya :D

video lucu said...

makasih infonya
patut dicoba neh

Muhammad Yoga Pratama said...

thanks ya, aku berhasil :)

Imelda Fitria said...

mo di coba...

Imelda Fitria said...

perlu dicoba nih

Rahmad Dwi Aprian said...

Ganti Tulisan Merah Dengan apa GAN ?

Rahmad Dwi Aprian said...

Gan Aku dak bisa !
BONGOK WEB INI DAK JELAS !

Rahmad Dwi Aprian said...

Ngerti dak ?
Kasih tau dak kw kalo idak kasih tau Police kw dak galak ngasih tau HTML-nyo !

Dukkani said...

Tolong diguide lagi..kok aku nggak bisa ya?

Bisnis Baru said...

Info yang bagus gan......ijin praktek...

Shikaku Shinmika said...

waaah... makasih kaka infon'a :D
yang kali ini baru bisa ^^
makasih banyak

No_Name said...

ini permanen ga yah klo basic Cbox.??

fajarsuwon.blogspot.com said...

terima kasih banyak :D

asym said...

thank's gan, ijin jajal

Welcome said...

makasih..
chatbox ny berhasil :D

vimax import said...

celana kesehatan hernia
obat pembesar penis maxman
vagina getar goyang
obat kuat livetra
alat bantu sex wanita penis getar
alat bantu sex wanita penis tempel
penis ikat pinggang
penis mutiara
cobra oil
viberator kapsul
alat bantu sex pria vagina tabung manual
boneka sex full body silikon
alat bantu sex pria vagina pinggul
obat kuat maxman
procomil spray
vimax oil canada
oil black mamba africa
lintah oil papua
vimax asli canada
obat penghilang tato
semenax penyubur sperma
obat perangsang wanita dh2o
obat perangsang wanita viagra cair
permenkaret perangsang sex love
obat perangsang wanita potenzol
obat perangsang wanita blue wizard
obat perangsang wanita sex drop

masalikhan said...

Hammer Of thor asli
Hammer
Hammer Asli
Hammer Thor Asli
Thor's Hammer Asli
Vimax Oil Asli
Vimax Oil Canada
Semenax Asli
Blue wizard Cair
Obat Penyubur Sperma
Obat perangsang serbuk
Ciri-ciri Vimax Asli
Ciri-ciri Anabolic 24rx Asli
Obat Anabolic
24rx Asli

Hammer Of thor asli
puerarin kapsul
Obat Pembesar Payudara
puerarin kapsul Asli
Vmenplus Asli
Ciri-
CiriVmenplus Asli

Post a Comment

Previous
 

Ryuuku Sena Blog Design by Ryuukusena © 2011