Cara Membuat Buku Tamu Tersembunyi di Blog

Cara Membuat Buku Tamu Tersembunyi di Blog - cara supaya/agar buku tamu/guest book bisa tersembunyi di blog atau Cara memasang buku tamu/guest book tersembunyi di blog

Buku tamu adalah tempat untuk menaruh pesan singkat di blog anda saat sedang ada yang mengunjunginya. Cara membuat buku tamu tersembunyi di blog yang saya maksudkan disini bukanlah buku tamu yang tidak bisa dilihat oleh pengunjung, yang saya maksudkan yaitu buku tamu akan kelihatan sedikit di pinggir nah jika di klik maka akan tampil buku tamu tersebut. Tujuan dari menyembunyikan tuku tamu tersebut adalah untuk menghemat tempat. Selain itu, untuk menghemat tempat, bisa juga dengan menambahkan tab view selengkapnya bisa anda baca: caramembuat tab view di blog. Apabila anda tertarik untuk membuat buku tamu tersembunyi  anda simak langkah langkah berikut ini:

Sebelum anda membuat buku tamu dan ingin melakukan trik ini, anda harus memiliki kode buku tamu, anda dapat memperolehnya di Shoutbox, Cbox, atau Shoutmix. Jika anda sudah memiliki kode buku tamu tersebut, ikuti langkah-langkah berikut ini:

1. Pertama anda harus Login kea kun blogger anda.

2. Kemudian anda Klik Tata Letak --> Tambah Gadget --> Pilih HTML/Java Script.
3. Setelah itu anda Copy kode berikut dan Pastekan 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5u21cbnchtKwkulSbXxKtQf-N4ClpLaFJGixRTjmsSXiFtMnU0cOhFKCsEBYj4-8E-Btb77dJAJ-TbPkC1FoHGBWJEzGM1fDFY8z_01aoljcFl_wjUQp1rdZFoJJEMfCqM3hhj5gaTWg1/') 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: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://amronbadriza.blogspot.com/" target="_blank">Blogaul</a></span></span></div><div style="text-align:right"><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>

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

4. Langkah yang terakhir Simpan/ Save Widget tersebut dan lihat hasilnya

Demikian yang dapat saya sampaiakan pada artikel kali ini mengenai Cara Membuat Buku Tamu Tersembunyi di Blog semoga dapat bermanfaat buat anda.

$ SALAM TEMUKAN CARA $