Coba kamu lihat di samping kanan blog saya (yang paling sudut).
Kamu akan melihat tulisan "buku tamu".
Yapz, itu adalah buku tamu tersembunyi.
Mau tahu cara membuatnya?

ikuti langkah-langkah berikut:
1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah 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://i890.photobucket.com/albums/ac103/triwardhana/buku.png
')no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2A0A0A;
background:#610B0B;
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">
masukan kode buku tamu anda di sini
<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>

4. Sebelum klik save, login dulu di shoutmix kemudian copy kode buku tamunya. Lalu ganti tulisan masukan kode buku tamu anda di sini dengan kode yang kamu dapat dari shoutmix.
5. Lalu klik save.

Semoga bermanfaat.
Salam Blogger !

2 komentar:

 
Top