Cara Membuat GUEST BOOK Tersembunyi

Buku tamu merupakan tempat untuk menaruh pesan singkat di blog anda ketika sedang ada yang berkunjung.  Membuat buku tamu harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud dari judul tersembunyi disini bukan lah buku tamu yang tidak bisa dilihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog yang akan terbuka jika ada yang klik gambar buku tamu tersebut. Jika masih bingung silahkan ke halaman awal blog ini, dan lihat tulisan bukut tamu. Jika anda tertarik untuk Membuat Buku Tamu Tersembunyi ini, silahkan ikuti langkah berikut:

Sebelum anda membuat buku tamu ini, anda harus memiliki kode buku tamu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut:

1. Login di blogger dengan ID anda

2. Dihalaman Dasbor Klik Rancangan (menu Layout)

3. Klik Tambah Gadget

4. Klik HTML/javascript

5. Copy Paste script dibawah ini

6. Lalu klik simpan ..... lihat hasilnya

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4nbvpGSGhmpRX23jhuZoYxtHOd4xfoW6N65FBoSXsU1LvUZKJFmEX2Oxd4STsn6wT8jyF7BkNr-6uWQp3HqDMMZb9FLG_dtC2nGvFrxBmGVNvvG5taPZwfNyFv8CrGoT973piQ3-bx-8/s1600/mak-saleh.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 /ShoutMix Anda>

<div style="text-align:right">

<a href="http://kutaidi9.blogspot.com/2011/11/cara-membuat-guest-book-tersembunyi.html">

[IdiRayeuk-Blog]

</a>|<a href="javascript:showHideGB()">

[close]

</a>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

Ganti tulisan < Letakkan disini kode Shoutbox Anda> dengan kode script buku tamu anda.

7.Save Widget tersebut.

Jika langkah tersebut sudah anda lakukan,anda dapat melihat hasilnya pada blog anda masing-masing. Demikianlah Cara Membuat Buku Tamu Tersembunyi ini, semoga bermanfaat. Selamat mencoba !!!!!!!