Cara Buat Buku Tamu GuestBook Unik

Patah Online - Mempercantik blog menjadi wajib untuk dilakukan guna untuk menambah minat dan kenyamanan pengunjung atau visitor. Berbagai cara dan upaya yang dilakukan oleh para blogger untuk menjadikan blognya menarik dan yang pasti desain yang baik yakni desain yang tidak terlalu memakan banyak memori atau bisa diartikan load blog yang cepat sebagai patokannya.

buku_tamu
klik untuk memperbesar gambar
Nah disini saya coba membahas bagaimana cara membuat Buku tamu atau Guestbook yang unik guna menunjang penampilan blog kita. Tanpa perlu lama- lama lagi kita langsung menuju ke tutorial
1. Masuk ke Blogger => Rancangan => tambah gadget
2. Pilih HTML/ JavaScript => copy pastekan kode di bawah ini
kedalamnya

<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px dotted #ff0000;
background: #222222 repeat-y center;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:url() no-repeat;">

MASUKAN KODE CBOX/ BUKU TAMU DISINI

</div>
</div>
<br />
<div align="center"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1188.photobucket.com/albums/z403/pattah121/exitcoment.png" alt="close" title="Click here to Close Cbox" /></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<br/>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://i1188.photobucket.com/albums/z403/pattah121/pattahsguestbook.png" alt="cbox" title="Click here to open Guest Book" /></a></center>
3. Terakhir klik simpan. dan lihat hasilnya
NB:
- Ganti tulisan warna merah dengan kode cbox atau buku tamu sobat
- Ganti tulisan berwarna biru dengan gambar icon cbox atau buku tamu sobat

Cukup sekian postingan saya tentang Cara Buat Buku Tamu atau GuestBook Unik  semoga bisa membantu dan bermanfaat. Oh ya di tambah effect melayang pada widget follower dan facebook pasti desain blog anda makin oke dech :)
Previous
Next Post »

14 Komentar

Write Komentar
ubaybingokil
AUTHOR
May 2, 2012 at 1:23 PM delete

ini seperti punya abang ye,, ???

Happy Blogging Bang,,

Reply
avatar
Kang Asep
AUTHOR
May 2, 2012 at 4:37 PM delete

Saya s4v3 dulu dech,
saat ini jarang2 buka guestbook,
mungkin nti kalo dah nggak sibuk bsa aktif lagi,,,

wilujeng ngeblog

Reply
avatar
May 2, 2012 at 8:44 PM delete

Iya benar bang bagus sebagai daya tarik juga agar pengunjung bisa menyatakan sedikit komentar ataupun kunjungan dalam blog untuk meninggalkan jejak mereka juga

Reply
avatar
KangFarhan
AUTHOR
May 2, 2012 at 11:04 PM delete

oooo...kayak punya kang pattah ya...ajib dan keren mas

Reply
avatar
May 3, 2012 at 10:27 AM delete

@Kang Asep
uke kang asep, monggo di simpen mawon, moga berkah, hahhahhayyy

Reply
avatar
May 3, 2012 at 10:28 AM delete

@Adie Konoe Poetra Dyanaz
iya bang bener bgt, setidaknya kita bisa kunjungan balik ke blog sobat yang lain lewat guestbook :)

Reply
avatar
Kang Asep
AUTHOR
May 7, 2012 at 12:45 AM delete

yg saya suka stempelnya tuh,
buatin dooong,,,,

Reply
avatar
May 7, 2012 at 1:06 AM delete

@Kang Asep
heee... ntar saya buatin tutorialnya ya kang :)

Reply
avatar
June 16, 2012 at 8:46 AM delete

Makasih infonya kang kunjungi balik ya...

Reply
avatar
Bahribux
AUTHOR
July 1, 2012 at 3:31 PM delete

Keren gan guestbooknya.. mampir2 ya klo berkenan :D

Reply
avatar

Jadilah pembaca yang bermartabat dengan memberikan komentar yang santun,indah di pandang dan sesuai dengan norma yang baik serta sesuai dengan apa yang ada di postingan.
Kriteria Komentar yang di tampilkan:
1. Bukan Komentar Spam
2. Komentar tidak sesuai dengan isi artikel
3. Menyisipkan Link/url baik itu blog/web pada komentar EmoticonEmoticon