Selasa, 10 April 2012

Membuat Buku Tamu Sembunyi

1. Siapkan dulu sob, script buku tamu kalian. Bisa Shoutmix, bisa Cbox. Lalu simpan di notepad.
2. Login ke blogger, lalu klik Rancangan, Add Widget, HTML/Javascript ( Tips : Tempatkan widget di samping kiri dan jangan diberi judul)
3. Copy paste script berikut :



<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEhKffPLymuC3pRaYU6C8nrV2ndhTYFtbReGn15fw4L2-khN6tBuR8xcntWPjY754n-zxeZrUlQy2VSilLg-moW5qoue5ZG0GgLyqJrsp0igd8FaN2sjGIqG8XxV-vqIgDWrv5Nu8b-2gTKB/') 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">

( Tempatkan Script Buku Tamu kalian disini)
<br/>

<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>
Warna Merah : Ganti dengan script buku tamu kalian yang telah disimpan di notepad
Warna Biru : Bisa diganti dengan url gambar tombol buku tamu. Kalau malas, dibiarkan saja juga tidak apa-apa.

4. Tinggal save, jadi  deh...

Gampang kan? Dengan ini kalian bisa menghemat ruang untuk penempatan buku tamu yang biasanya memakan banyak ruang blog kalian. Sekian Tutorial Ngeblog yang saya bisa berikan, kalau ada masalah atau terjadi error, silahkan kontak saya dengan memberikan komentar di bawah. Terimakasih

0 komentar: