Cara Membuat Buku Tamu Tersembunyi

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">
<!-- Ganti dengan kode buku tamu -->
<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"

Keterangan:
1. Silahkan edit sesuai kebutuhan
2. Ganti teks yang berwarna merah dengan gambar milik sobat blogger sendiri
3. Ganti teks yang berwarna hijau dengan kode buku tamu milik sobat blogger
4. Kalau mau posisinya rada ke atas, ubah atribut Top-nya jadi 30px atau sesuai selera (teks berwarna kuning
5. Kalo mau ganti warna garis ama background, ubah kode HTML warna border (garis) dan background (warna latar).
6. Buat ngeliat kode warna HTML-nya silahkan klik disini

---

Related Post on Agung X-Zeg Indraguna's World_