Cara Membuat Buku Tamu Tersembunyi

Tadi pagi saya berjalan jalan ke Blog sahabat, biasanya saya kalau mengunjungi blog orang lain pasti meninggalkan jejak di Shoutbox atau Buku Tamu milik blog tersebut, dan tadi saya menemukan sebuah blog yang buku tamu nya tersembunyi. saya ingin tau cara membuatnya karna saya sendiri juga belum tau cara membuatnya saya mencoba untuk menanyakan nya ke pada om google :D. Buku Tamu Tersembunyi (klik disini untuk melihat contoh)

Oke... langsung saja kalau kamu belum mempunyai Shoutbox/buku tamu/kotak pesan silahkan ikuti tutorial sebelumnya dengan judul "Cara Membuat Shout Box atau Kotak Pesan" kalau kamu sudah mempunyai Shout box/buku tamu/kotak pesan silahkan ikuti cara berikut...

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML

6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML

<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://kolom-bebas.blogspot.com/2009/07/cara-membuat-buku-tamu-tersembunyi.html">
[Pasang Widget]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

7. Save Widget tersebut.

Jika langkah tersebut sudah anda lakukan, anda dapat melihat hasilnya pada blog anda masing-masing.

Jika ada pertanyaan, Silahkan tanyakan Melalui komentar Blog ini.

Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan. Atau jika ingin membaca melalui feed reader anda, silahkan klik di sini!