Cara menyembunyikan shoutbox / buku tamu

 Cara menyembunyikan shoutbox / buku tamu . .Pasti anda bertanya, maksudnya apa sih ??. jadi gini menyembunyikan shoutbox atau buku tamu berfungsi sebagai :

1. memperindah blog anda

2. bagi anda yang mempunyai buku tamu / shoutbox yang besar dan memakan tempat, nah pakai cara menyembunyikan shoutbix adalah cara paling efektif....

   Okeee langsung aja yaaa  . . ikuti langkah-langkah dibawah ini :

1. kamu login di blog anda

2. anda ke rancangan atau tata letak

3. kamu klik tambahkan gadget lalu kamu pilih gadget HTML/ Java Script

4. kamu copy kode dibawah ini

<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/AVvXsEgY3u9PG0CirNqLC8wYuTKzPq-VoY2omWcsJ1gVC9N4JRg-TbBwCW-J6QGjPlqxLicC8hnsbpVOsf68U0_61N7IyMTDbhsPd72pK0kI0VgJv3x1yLsj5vwlyLgvW9DRuuisj45tUvdKNMbp/') 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">

ganti dengan script shoutbox/buku tamu kamu

<br/>

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

dan kamu paste di kotak HTML/ Java Script

NB :
- cari kata (ganti dengan script shoutbox/buku tamu kamu), jika sudah ketemu, ganti dengan script shoutbox kamu

- supaya tinggi dan lebar nya sesuai dengan shoutbox / buku tamu kamu. kamu cari kode (height:100px;) dan (width:30px;).height untuk tinggi dari buku tamu dan width untuk lebar nya buku tamu
- yang terpenting blog kamu harus sudah mempunyai buku tamu  
- contoh bisa dilihat di samping kanan blog saya (chat) coba anda klik, nanti akan terlihat buku tamu saya

kayanya sudah cukup jelas penjelasan dari saya. . jika ada yang ingin di tanyakan, silahkan anda tulis pertanyaan anda di kotak komentar saya...

ditunggu komentarnya yaa . .

Artikel Terkait:

Posted in: Blogger