Membuat Buku tamu Tersembunyi

Bismillah
 “Membuat Buku Tamu Tersembunyi”,apa maksudnya ya,Untuk lebih memudahkan pemahaman anda coba klik link berikut dan terlihat di pojok kanan ada widget Buku tamu jika anda klik tab warna hijau tersebut,maka Buku Tamunya akan tertarik keluar, selain unik, buku tamu seperti ini juga bisa menghemat tempat pada blog anda...
Untuk Membuat hal seperti itu sebenarnya caranya sangat mudah kok,untuk lebih ngerti lebih baik ikuti aja trik berikut ini sampai akhir,dan tolong berikan komentar anda.OK
sebelumnya, pastikan anda sudah punya buku tamu. yang belum punya, silahkan klik disini
kalau sudah, Berikut langkah-langkahnya

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 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/AVvXsEj-o1iTk5D5kA3nvDwv7enKejJa8E7DgZuq6KPFMUiO3GSwD9W5HB7PVroq4ItwdUbokbQMZZUtiVsk1BotNPizwewUT00eZdtFi1zD-vL3sZdgmC820gI6KVFgeYrgF7n1gOTnfb6RUaUP/') 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://santri-one.blogspot.com/2010/12/membuat-buku-tamu-tersembunyi.html">
[click here to get it]
</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.ganti tulisan berwarna merah dengan kode buku tamu kamu
8.Save Widget tersebut.
jadinya akan seperti ini 

buku tamu tersembunyi

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

Jika ada pertanyaan,Silahkan tanyakan pada komentar Blog ini wassalam

Jangan Lupa Baca yang ini Lho yach..:

tutorial blogger

• Membuat Tabel Pada posting Blog
• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Cara membuat Animasi Teks Membesar Part1
• Membuat Menu Custom Dropdown
• Kode warna Untuk Blog
• Memasang Google Translate di sidebar
• Membuat Animasi yang berterbangan di blog
• Mengenal Widget/ Gadget Blogger
• Membuat Widget new post/ posting terbaru yang unik
• Cara membuat kotak Komentar terbaru" dengan fungsi scrollBox
• Memasang Radio Streaming Di blog/ website
• Membuat Efek Link Pelangi
• Cara membuat Teks/ Tulisan Berjalan
• Cara Membuat Menu 3 Tab View
• Cara Memasang Jam di Sidebar Blog
• Cara Membuat Author Box / kotak penulis
• Cara Mengganti Nama Blog
• Cara Setting Pengaturan Blogger
• Cara membuat Buku Tamu Di Blog
• Mengenal Istilah-istilah dalam Blogger
• Cara Memasang Google Translate
• Situs Penyedia Template Blogger
• Cara mengganti Template Blogger

widget blogger

• Memasang Emoticon KaskuSer
• Membuat Widget Top Comment
• Html Encoder untuk menampilkan script pada posting
• Membuat Menu Custom Dropdown
• Memasang Google Translate di sidebar
• Membuat Animasi yang berterbangan di blog
• Mengenal Widget/ Gadget Blogger
• Membuat Widget new post/ posting terbaru yang unik
• Cara membuat kotak Komentar terbaru" dengan fungsi scrollBox
• Cara Menambahkan Sesuatu Di Sidebar
• Memasang Radio Streaming Di blog/ website
• Membuat Tulisan ʞılɐqɹǝʇ
• Generator widget ( grunge heart )
• Memasang Profil Facebook Di blog
• Cara Membuat Menu 3 Tab View
• Cara Memasang Jam di Sidebar Blog
• Cara Membuat Author Box / kotak penulis
• Cara membuat Buku Tamu Di Blog
• Cara Memasang Google Translate