Selamat pagi menjelang siang sob2 semuanya...?mudah2an dalam keadaan baik2 saja ya,,,
Pada kesempatan ini saya akan share trik cara membuat buku tamu show hide. Untuk lebih jelasnya lihat buku tamu atau guest book yang ada disebelah kanan atas tu sob.. Gimana.. sobat tertarik untuk menambahkan di blog sobat..?! Buku tamu ini saya dapat dari blog sahabat juga tapi lupa alamatnya dimana tuh. Yang jelas ni bukan bikinan saya sob, saya ga ngerti buat kode-kode script gituan.. hehe.. Oy sob sebenarnya saya dah lama pengen share buku tamu ini, tapi ternyata memasukkan kode script di postingan berbeda ma nulis kata-kata biasa,, wah saya bener-bener baru tau.. katro pe diulang-ulang berapa kali gagal terus. Tapi sekarang dah lumayan bisa sob..he.. OK langsung az...jika sobat tertarik silahkan copy kodenya dibawah ini..
<!-- Ganti ini dengan kode buku tamu kamu --> gantilah dengan kode script ShoutMix atau ChatBox milik Sobat.
top:50px; merupakan posisi, Sobat bisa atur....
Tips, aturlah size Shout Mix atau ChatBox sobat supaya sesuai dengan script barunya.
<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/AVvXsEjTDTwGyPhAYvrvjhErUGTgAlF7YLrrO3JgdxNkgSCWBlBfMoXS7Slqcpr92XHml3diZjxyNCP7m9Ns7WnYyEgNeMqmNLG1vG0AneLzOofxhKof8SJl7lCam7c-IN-wYwUqXoXT28PIrt2n/') 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 kamu -->
<br/>
<br/>
<a href="http://forantum.blogspot.com">.
</a>
<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></div></div>
<!-- Ganti ini dengan kode buku tamu kamu --> gantilah dengan kode script ShoutMix atau ChatBox milik Sobat.
top:50px; merupakan posisi, Sobat bisa atur....
Tips, aturlah size Shout Mix atau ChatBox sobat supaya sesuai dengan script barunya.
Post a Comment for "Cara Membuat Buku Tamu Show Hide"