Membuat Buku Tamu tersembunyi

Kali ini, gw bahas tentang buku tamu again !!!
sebelum nya, postingan saya sudah ada cara membuat buku tamu. bagi yg belum baca silahkan klik disini.. Nah, kali ini saya akan memposting Buku tamu tersembunyi.
Buku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya
buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun
untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan.
bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..
biasa buku tamu ini banyak yang menggunakan layanan dari shoutmix.
nah, buku tamu ini bisa anda sembunyikan untuk memper sempit layar blog anda.

ini dia Bagaimana caranya membuat buku tamu atau shoutmix tersembunyi.
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://i932.photobucket.com/albums/ad161/mamad_bucket/tabs-1.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></div></div>

klo sudah, klik SAVE TEMPALTE dan liat hasilnya... 

semoga bermanfaat !

Artikel Terkait:

Tips Blogging

• Cara memposting artikel
• Membuat Efek Salju pada blog
• Cara membuat Link Berkedip
• Cara Membuat Scroll Pada Archive Blog
• Membuat Recent Post
• Menampilkan Text pada cursor mouse
• Cara membuat Spoiler
• Membuat Sidebar Kiri dan Kanan
• Cara membuat Multi Kolom
• Cara Menambah Kolom pada Template
• Membuat Sidebar dalam kotak-kotak terpisah
• Mengubah Lebar Kolom Template
• Pasang Statistik dan Tracker
• Membuat Fungsi Readmore
• Memasang Icon YM
• Text Berjalan di Bar menu
• User Online Status
• Menu Dropdown dengan JavaScript
• Blogger Emoticons
• Membuat Text Area
• Membuat Banner Animasi
• Cara membuat Buku Tamu
• Membuat efek Marquee (teks berjalan)
• Cara upload foto