Buku tamu merupakan salah satu hal yang tidak wajib ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya), walau cuma sebatas kalimat (mampir gan, malam, kunjungi blog saya juga ya, dsb...)
Buku tamu tersembunyi juga baru saya pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger.
Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger
Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.Kemudian ambil script yang sudah di sediakan (kopi kodenya).
Sekarang mari kita ke blogger. Jika belum login silakan login dulu. Jika sudah login silakan klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget. Jika masih bingung bagaimana cara pasang di blogger silakan baca : Panduan Cara Menghias Blog Blogger
Pilih html/javascript dan silakan paste kode di bawah ini
Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silakan di Simpan dan Selesai
<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://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/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 Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini
<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</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>
August 20, 2011 9:24 AM
Thanks masterrr ahirnya berhasil juga
August 21, 2011 1:52 PM
siiip thanks bos atas infonya..
November 13, 2011 6:18 PM
aku ikut gabung,, dan join..
pleease join this my site
visit back : http://freedownload-onlain.blogspot.com/
November 16, 2011 4:59 PM
Mantap infonya, Trim's. Langsung ke TKP
November 30, 2011 4:52 PM
Paste kode di atas dibagian mana ya om? *masih bingung nee:) Tq
November 30, 2011 5:02 PM
Ow, sudah ketemu, tambah gadget ya.. ta kirain di Edit HTML.. hehehe. Tq
December 20, 2011 3:52 PM
makasih bro artikelnya sangat membantu sekali :D
December 23, 2011 11:13 AM
terimakasih gan mantab infonya bagi blogger pemula seperti saya, salam kenal dan salam sukses yah
January 10, 2012 8:53 AM
Thanks Infonya ni,,,??
January 16, 2012 1:57 AM
makasih bos,.,.,.,.,.,.,.,sip
January 16, 2012 8:31 AM
gan gmana siih pasang kode HTML gwe gx prnah berhasil,,,
by#blogger katro,,
January 17, 2012 9:45 PM
GUYS PASSWORD DI PENGISIAN CBOX CARANE GIMANA? KOK SALAH TERUS SII. TOLONG JAWAB YAA
January 18, 2012 8:09 PM
@Naya Hana udah daftar belum di sana, kalo belum silakan daftar dulu (gratis kok). mungkin mba belum punya akun di sana, jadi ga bisa login.
January 19, 2012 8:11 PM
ah,, gak jelas nieh,,
Bagian "Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini" maksudnya gimana..??
Jelasin gan,,
January 20, 2012 7:56 PM
@kadek ari wibawa Langkah pertama udah dilakukan belum? (1. buat akun di www.cbox.ws)
Nah kalo udah daftar di sana silakan ambil kode html (untuk menampilkan bukutamu) yg disediakan disana.
Setelah itu kopi dan paste pada "Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini"
January 22, 2012 7:00 PM
ini artikel sangat membantu saya gan... :)
coba dulu gan.
emang buku tamu penting :D
January 28, 2012 2:39 PM
thanks atas infonya gan...
February 11, 2012 3:21 PM
duh, kenapa hanya caranya doank?
napa gak langsung teredit secara otomatis?
February 22, 2012 11:19 PM
gan th ngmbil kode na di bagian mananya si?
February 23, 2012 9:19 AM
makasih banget atas infonya..