Cara Membuat Buku Tamu / Guestbook Auto Hide di Blog

Buku Tamu adalah suatu elemen atau bagian dalam blog yang cukup penting, walaupun tidak terlalu penting. (bingung ???. ). Dengan buku tamu, kita dapat berinteraksi dengan pemilik blog, jadi bisa saling silaturahmi, nah bagi kawan-kawan yang bingung dalam pemasangan buku tamu, andryemos akan berbagi cara memasang buku tamu

Sumber : http://andryemos.blogspot.com/2013/03/cara-memasang-buku-tamu-pada-blog.html
andryemos.blogspot.com

        Apa kabar sobat blogger...?? Kalian sehat kan.... alhamudulillah malam ni sangat melelahkan dehh soalnya tadi di sekolah saya ulangan Matematika dan Menghafal Seni Budaya hmmmm bukan main pusingnya minta ampun dehh dan malam ini saya akan memberikan Tips Trik lagi buat teman-teman yang setia kepada blog ini dari pada langsung tidur lebih baik posting dulu baru tidur hehehh karna membagi ilmu itu lebih penting gan dari pada kita tidur baik lah tanpa basa basi lagi... Setelah sebelumnya memposting artikel cara memasang artikel acak di blog, kali ini dengan hidung yang masih cenat - cenut saya akan menjawab permintaan dari salah satu sobat blogger yang meminta cara membuat buku tamu auto hide di blog . Auto hide Shuotbox adalah efek yang akan membuat buku tamu muncul tanpa di klik dan tersembunyi tanpa di klik pula ( di lewati pointer mouse ), hanya beda sedikit dengan buku tamu show / hide. Sobat yang tertarik memasang widget ini, silahkan simak baik-baik yang di bawah ini.

Buku Tamu adalah suatu elemen atau bagian dalam blog yang cukup penting, walaupun tidak terlalu penting. (bingung ???. ). Dengan buku tamu, kita dapat berinteraksi dengan pemilik blog, jadi bisa saling silaturahmi, nah bagi kawan-kawan yang bingung dalam pemasangan buku tamu, andryemos akan berbagi cara memasang buku tamu

Sumber : http://andryemos.blogspot.com/2013/03/cara-memasang-buku-tamu-pada-blog.html
andryemos.blogspot.com

Buku Tamu adalah suatu elemen atau bagian dalam blog yang cukup penting, walaupun tidak terlalu penting. (bingung ???. ). Dengan buku tamu, kita dapat berinteraksi dengan pemilik blog, jadi bisa saling silaturahmi, nah bagi kawan-kawan yang bingung dalam pemasangan buku tamu, andryemos akan berbagi cara memasang buku tamu

Sumber : http://andryemos.blogspot.com/2013/03/cara-memasang-buku-tamu-pada-blog.html
andryemos.blogspot.com

Buku Tamu adalah suatu elemen atau bagian dalam blog yang cukup penting, walaupun tidak terlalu penting. (bingung ???. ). Dengan buku tamu, kita dapat berinteraksi dengan pemilik blog, jadi bisa saling silaturahmi, nah bagi kawan-kawan yang bingung dalam pemasangan buku tamu, andryemos akan berbagi cara memasang buku tamu

Sumber : http://andryemos.blogspot.com/2013/03/cara-memasang-buku-tamu-pada-blog.html
andryemos.blogspot.com

• Langkah Pertama  pergi ke Cbox
• Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox
• Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
• Setelah sudah masuk edit sendiri Cbox anda sendiri 

<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/AVvXsEhdIwVacUQUugTZSj07YqQS_WU_lD6NhUs7HQwqL3f9lFGJbzS3Yu7EoHQVD2DCKmE8Yi7x_s2BvAOuvRTz62E2TL7lXh0ML_Nhnc_Dfqnz-rOdXM9qYtW36WIHuxrBMk-Z9TwJoeNcNnU/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://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.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> 

Cara menaruh html di atas

• Masuk akun blogger siapa ajah boleh
• Ke tata letak
• Add gadget atau Tambah gadget
• Edit html/javascript
• Masukan html di atas
• Selesai

dan ganti tulisan yang Merah dengan html/javascript Cbox/buku tamu
yang tadi. anda bisa mengubah warna dan mendesain Cbox/buku tamu anda sendiri.
yang tidak mengerti tentang posting di atas bisa koment entar saya akan bantu..salam....

Selamat Mencoba....dan Mampir Lagi...:D