trik membuat buku tamu tersembunyi trik membuat buku tamu tersembunyi | Pejaten Park | Pejaten Park Residence | Apartemen Pejaten Park

Home » tips and trick » trik membuat buku tamu tersembunyi

trik membuat buku tamu tersembunyi

Posted by Raka Satria Mencari Cpanel on Thursday, June 23, 2011

Cara Membuat Buku Tamu Tersembunyi - Sebenernya udah banyak yang tau tentang gimana cara membuat buku tamu tersembunyi ini, bisa di bilang ini mah postingan basi (hehehehe). Tapi ga ada salahnya kan kalo gw posting lagi di sini, kebetulan juga di shoutmix ada yang nanyain. . .

Kita mulai aja. . .

1. Login ke blogger.com
2. Klik “Add a Gadget”
3. Pilih “HTML/JavaScript”
4. Masukan 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('http://i1227.photobucket.com/albums/ee427/Indraguna2/Tab.jpg') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #000000;
background:#000000;
padding:5px;
}
</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">

<br/>
<br/>
<a href="http://agungindraguna.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>

5. Klik "Save"

sumber: http://agungindraguna.blogspot.com/2011/01/cara-membuat-buku-tamu-tersembunyi.html