Wednesday, August 1, 2012

Cara Memasang Buku Tamu Tersembunyi di Blog


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 saya. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger. Ayo simak langkah - langkah dibawah ini








1) Pertama-tama silakan buat akun di www.cbox.ws. Klik Sign up dan isi data nya






2) kalau sudah klik create my cbox, lalu klik publish dan ambil script yang sudah di sediakan (kopi kodenya).






3) Selanjutnya ke menu blogger.
klik Rancangan-Design-Tata Letak dan Klik Tambah Gadget/Add Gadget
lalu Pilih html/javascript dan silakan copy dan 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://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">

Paste Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href=" http://yoogha.blogspot.com/2012/07/cara-memasang-buku-tamu-tersembunyi-di.html">[Pingin Pasang? Klik ini!]</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>

Nah demikian cara memasang buku tamu tersembunyi di blog, sangat gampang bukan :)

5 comments

wah, makasih ilmunya. coba nanti saya utak-atik blog saya, hehe

kak terimakasih tutorial nya yaaaa:)

mantap gan infonya,,,sangat bermanfaat sekali buat saya. semoga apa yang agan bagikan bermanfaat buat pembaca lainnya. salam kenal ya gan semoga artikel tentang Cara Membuat Buku Tamu Tersembunyi Pada Bloggermendap tempat di hati pembaca semua. Amin.
Semangat.

Infonya sangat bermanfaat gan. saya rasa artikel ini membuat saya lebih tahu dan lebih paham.
oh iya gan perkenalkan saya seorang blogger pemula yang masih belajar tentang blog.
makanya saya semangat cari info-info lain yang mungkin saja bermanfaat buat saya peribadi.
Oh iya berikut ini artikel yang saya bangga-banggakan gan. dibaca ya.
Cara Membuat Blog dengan Blogger
Cara Memasang Animasi Burung Twitter Melayang di Blog
Cara Memasang Widget Alexa Rank di Blog
Cara Membuat About Me Di Blog
Cara Membuat Buku Tamu Tersembunyi Pada Blogger

Semoga semua yang saya tulis bermanfaat buan agan pribadi termasuk pengunjung blog ini.
Kao mw buat buku tamu agan bisa baca di artikel Cara Membuat Buku Tamu Tersembunyi di Blog

Ok gan. terimakasih lagi atas infonya, semoga agan rajin updatenya dan sukses selalu.
salam kenal dari saya.

Mau komen apa aja terserah :)