Buku Tamu Ala Facebook

Disebabkan ada orang ramai kata dia tidak faham tutorial yang nik buat yang dahulu dan ada jugak yang kata tidak menjadi.Oleh itu Abe ada masa lapang nie akan membuat kamu semua supaya faham dengan tutorial ini...Semoga berjaya :)

Langkah 1

Anda perlu register app dahulu
Anda dijemput hadir kelaman ini. :)
Jangan lupa copy app id tu.

Langkah 2

Edit Kode dibawah ini dan copy.

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:150px;
width:50px;
float:left;
background:url('https://sites.google.com/site/jeritanblog/javascript/Chatting.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #C5C0C0 url() no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>



<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=PASTE KODE ID DISINI&amp;xfbml=1"></script><fb:comments xid="PASTE KODE ID DISINI" numposts="5" width="250" publish_feed="true"></fb:comments>


<br />
<div style="text-align:center">

<span >Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.jeritanblog.com/2011/12/buku-tamu-ala-facebook.html" target='new'>JeritanBlog</a></span>
</div></center></div>


</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>

Anda perlu ubah kode :-

Jangan lupa tukar PASTE KODE ID DISINI dengan app id yang anda telah buat tadi.

*Ada dua tau

Langkah 3

Anda perlu savekan kode tersebut pada Kotak HTML.

Info :-
Anda boleh check buku tamu anda di blog sendiri atau di https://developers.facebook.com/tools/comments

Semoga berjaya :)

Ada masalah komen tau..