Cara membuat buku tamu di blogspot

Cara membuat buku tamu di blogspot kali ini dengan cara disembunyikan atau hidden alias tidak ditampakkan yang biasanya berada pada side bar sebuah blog. Bingung? Contohnya pada blog jasa pembuatan blog saya ini, sobat bisa lihat di samping kanan blog dan silahkan lihat dan coba bagaimana cara kerjanya.

Buku tamu pada sebuah blogger sebenarnya bukan sesuatu yang wajib dipasang, tapi pastinya kita akan mendapatkan keuntungan apabila kita memasang buku tamu di blogspot yaitu selain mempermanis blog juga sebagai sarana komunikasi dengan sapa-menyapa antara pengunjung dengan admin

cara membuat buku tamu di blogspot, sobat bisa memanfaatkan situs-situs penyedia buku tamu gratis yang mudah sobat dapatkan di internet, salah satunya adalah www.cbox.ws .

Silahkan sobat kunjungi dahulu situs tersebut, mendaftar kemudian ambil kode scriptnya yang nantinya akan dipasang kan ke dalam blog sobat.

Setelah sobat mengcopy kode script buku tamunya, maka sobat masuk ke blog sobat lalu log in > klik rancangan > elemen laman > tambah Gadget > html/javascript, dan masukan 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PjaMAZSYryRTSmpOXW3HepXVy4Vsu2sNj_EGQ0vTIcZQ3tcEcHWlccsV-uDPok3uFFtJDegJJvbUwPiykpTBbsxHZeTfM8iVR7zSngdPBe8w3ENWZIpPReFvPgREtE4EicGNNhRYFtw/s1600/bukutamu.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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://jasapembuatanblog-murah.blogspot.com/2011/12/cara-membuat-buku-tamu-di-blogspot.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Apabila sudah di paste jangan lupa di simpan “save” pekerjaan sobat. Dan lihat hasilnya.

Bagaimana mudah bukan “Cara membuat buku tamu di blogspot”? Selamat mencoba..

Artikel Terkait:

Tutorial blogspot

• Membuat toko Online dengan Template Standar Blogger
• Cara Membuat Label Kategori di Blogspot
• Cara menghilangkan Judul Blog di header
• Cara membuat kontak form blogspot
• Cara membuat blog gratis dengan blogspot
• Membuat tulisan berjalan marquee blogspot
• Mengenal dan menulis kode HTML blog
• Membuat toko online wordpress
• Membuat menu drop down blogspot –Bagian2
• Widget Cek Resi TIKI JNE dan Pos Indonesia
• Membuat tulisan berkedip di blog
• Membuat widget back to top
• Widget sms gratis di blog
• Cara membuat banner blog
• 6 cara membuat form online gratis
• Membuat Halaman di blog - blogspot
• Membuat menu dropdown di blogspot - bagian 1
• Cara memasang MP3 di Blog
• Cara membuat efek daun berjatuhan pada blog
• Cara mempercantik blogspot
• Membuat sitemap blogger
• Cara membuat random post blogger
• Cara membuat Energy Saving Mode pada blogspot
• Membuat header blog dengan gambar
• Cara posting artikel blog melalui Email

Modifikasi blog

• Cara menghilangkan Judul Blog di header
• Membuat tulisan berjalan marquee blogspot
• Mengenal dan menulis kode HTML blog
• Membuat menu drop down blogspot –Bagian2
• Membuat menu dropdown di blogspot - bagian 1
• Cara membuat efek daun berjatuhan pada blog
• Cara mempercantik blogspot
• Cara membuat breadcrumb pada blogspot
• Keuntungan mengganti domain blogspot dengan domain sendiri
• Cara memasang widget twitter blogspot
• 8 situs background blogspot terbaik dan gratis untuk Web Designers
• Cara mengganti template blogspot
• Cara membuat Energy Saving Mode pada blogspot
• cara mengganti kursor blog
• Membuat header blog dengan gambar
• Cara membuat efek salju di blog
• cara membuat share box di blogspot- blogger blog anda
• Cara Menghilangkan Navbar Blogspot
• 4 Cara mempercantik blogspot dengan widget
• Cara Mengganti Favicon blog