Cara membuat Guest Book tersembunyi (keluar masuk pada blog )

hay sobat, bagaimana kabarnya,,??
saya harap anda dalam keadaan baik baik saja,,

makasih ya udah nyempetin waktu buat berkunjung di sini.
pada posting ini saya akan share mengenai cara membuat Guest book
atau buku tam, sebelumnya silahkan anda lihat dulu Demonya biar tidak mengecewakan, klik tombol Demo, dan demonya ada di samping kanan blog yang ada pada link di samping ini 
gimana bagus tidak,?? jika mau silahkan baca terus sampai tuntas hehehe

NIH Screenshoot icon GUEST BOOK nya

jika anda tidak suka gambar seperti yang ada di anda bisa menggantinya ko ,,
jangan hawatir ya

nah penasaran nih bagaimana caranya oke deh tanpa basa basi langsung ajah nih caranya

1. pertama masuk blogger Dasboard
2. rancangan/design
3. elemen laman
4. add gadgets
5.  pilih HTML/java script

masukin script di bawah ini klik tombol show

catatan :

• Tulisan yang berwarna biru dapat anda ganti dengan url Gambar yang anda inginkan atau tidak usah di ganti jika ingin hasilnya seperti yang ada di DEMO,   
• masukin kode Cbox/shoutbox/lainya pada teks warna merah

6. Save

nah selesai deh

oke semoga itu bermanfaat ya buat kalian

jangan lupa coment dan follow blog ini ya 

memasang buku tamu facebook pada blog

 hy , gan makasih ya udah berkunjung ke blog saya, mohon apa bila nanti meninggalkan blog saya tinggalkan jejak ya,, biar saya kunjungi balik oke....


bagi sobat yang ingin  tau caranya silahkan lanjutkan membacanya
heheheheee

langsug ajah deh, nih tutorialnya


1. masuk blogger''
2..rancangan/ design
3. elemen laman
4. add gadget
5. pilih HTML/java script

masukin script nya

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>
<div class="w2bslikebox">
<div>


<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ahmadbjblogs/%0A&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=250" style="background: #fff; border: medium none; height: 250px; overflow: hidden; width: 245px;"></iframe></div>
</div>
</div>

kemudian ganti http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png   dengan url gambar yang anda ingin kan, untuk url bisa di cari di google gambar cari gambar yang anda inginkan copy URL nya buat mengganti url di atas,,

 atau juga gambar nya bisa buat sendiri kemudian di upload di photobucket ambil url gambar nya buat mengganti url di atas

ganti  http://www.facebook.com/ahmadbjblogs/ dengan alamat fans page blog anda , oh ya gak di ganti juga gak papa biar fans page blog saya di blog anda hehehee just kidding,,,, 

oh ya kalau belum punya fans page blog di facebook silahkan buat dulu nih cara buat nya bisa liat di sini

 Tutorial membuat fans page Blog di fb dan menampilkanya pada blog


6. oke kemudian save,,,


tunggu dulu ini belum selesai

nah selanjutnya

7. masuk ke EDIT HTML

cari kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

copy paste kode tersebut di atas </head>

7. simpan Template

ettzzzzz tunggu dulu belum selesai selanjutnya anda harus coment heheheheheeeee

Don't forget to coment

semoga artikel ini bermanfaat untuk anda,,