Buku tamu tersembunyi
Sabtu, 23 Juli 2011 by srobs
Untuk menghemat ruang di blog. Khususnya blogspot, dapat membuat buku tamu berada di samping blog. Bisa merapikan blog kita juga. Berikut script nya :
1. Seperti biasa, add page element
paste kan kode berikut
2. Ganti <!-- Masukan kode kamu di sini --> dengan kode kamu
Berikut contohnya
Semoga bermanfaat,
1. Seperti biasa, add page element
paste kan 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGD9L46ExnifxwBI12JAO8wd9lTcpXO5_oGafYeZV0MKuKJMyNdY5V_m_yYdYmiuTf68ZrEfKzuB67-EHnqkgikcd2ONvnsOtx2jChiSvSfHTFFSlDVQ8zV5cIKQOYua6382qGjBnhxBh9/') 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">
<!-- Masukan kode kamu di sini -->
<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>
2. Ganti <!-- Masukan kode kamu di sini --> dengan kode kamu
Berikut contohnya
Semoga bermanfaat,
Posting Komentar