English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese

Cara Menyembunyikan Buku Tamu

Share on :
Postingan ini adalah lanjutan dari Daftar cBox dimana widget ini sangat berarti sekali buat blog kita.Selain untuk menjalin tali silaturrahmi sesama blogger juga berfungsi memperkenalkan blog kita kepada pengunjung yang lain untuk dengan meninggalkan jejak mereka di blog kita.Dan kali ini saya ingin memberikan variasi buku tamu agar tidak terlalu monoton, yaitu dengan cara menyembunyikannya di samping kanan atas .Untuk menyembunyikan buku tamu tidaklah sulit!



Ikuti Langkah Berikut ini :

1.        Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
2.       Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
3.       Copy code berikut dan paste Elemens HTML/JavaScript

<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://i.imgur.com/jkh8k.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">

<!-- Ganti ini dengan kode buku tamu Anda -->

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

4. Ganti scipt merah dengan scipt shoutmix/cbox Anda.
5. Klik "save".
6. Selesai deh...!!!


Tidak ada komentar:

 

Pengikut