Cara Membuat Buku Tamu Tersembunyi di Blog

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

Buku tamu adalah tempat untuk menaruh pesan singkat/ komentar di blog anda, dalam membuat buku tamu harus menggunakan jasa web yang menyediakan layanan buku tamu. Maksud dari judul tersembunyi disini bukanlah buku tamu yang tidak terlihat oleh pengujung, tetapi buku tamu ini akan berada di sebelah artikel blog dan akan terbuka apabila ada yang klik pada gambar buku tamu tersebut. Cara ini merupakan salah satu cara dalam menghemat tempat pada blog kita. Selain itu, untuk menghemat tempat pada blog, anda juga bisa menambahkan tab view di blog Anda. Silahkan anda Baca: cara membuat tab view di blog. Jika anda tertarik untuk membuat buku tamu tersembunyi ini, silahkan ikuti langkah berikut:

Sebelum anda membuat buku tamu anda menjadi tersembunyi tentunya anda harus membuat Buku Tamu terlebih dahulu, anda bisa mendapatkannya di Shoutbox, Cbox, atau Shoutmix. Setelah anda memiliki kode buku tamu tersebut, lanjut ke langkah berikut ini:

1. Pertama anda harus login di 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('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">

< Taruh 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>

Ubah tulisan < Taruh disini kode Shoutbox Anda> dengan kode script buku tamu anda.

4. Langkah yang terakhir Save Widget anda.

Demikianlah yang dapat saya sampaikan pada artikel kali ini mengenai cara memasang buku tamu tersembunyi. Semoga apa yang saya samapaikan di atas dapat bermanfaat buat anda.

$ SALAM TEMUKAN CARA $