Cara Menyembunyikan Buku Tamu di Kanan Layar


Assalamualaikum, kali ini saya akan berbagi tips untuk Menyembunyikan Buku Tamu di Kanan Layar agar blog bisa terlihat semakin keren dan pastinya juga akan ringan, langsung saja ini caranya :
Langkah 1
Login ke akun blogger anda, pilih menu tata letak, tambah gadget, pilih html/javascript
Langkah 2
Masukkan kode berikut
<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

masukkan code/script cbox/bukutamu sobat disini

<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>
Langkah 3
Kemudian simpan

Ket : anda bisa menyesuaikan gambar tombol buka tutup dengan mengganti teks berwarna merah dengan url gambar sobat sekalian
Sekian dari saya Wassalamualaikum

CONVERSATION

0 komentar:

Post a Comment

Silahkan berkomentar sesuai kesan anda, tetapi jangan tinggalkan norma-norma kesopanan. Syukron