Selamat datang ke BelajarBlogs...
Home » , » Buku Tamu Ala Facebook

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..

17 ulasan:

  1. nak letak komen ni kat side bar boleh tak.. mcm shoutbox.. takyah nak kena klik2..

    BalasPadam
  2. Aku pinjam utk share kat blog aku bleh x?

    BalasPadam
  3. Ulasan ini telah dialihkan keluar oleh pengarang.

    BalasPadam
  4. Ulasan ini telah dialihkan keluar oleh pengarang.

    BalasPadam
  5. Ulasan ini telah dialihkan keluar oleh pengarang.

    BalasPadam
  6. @Dieyna
    bleh guna kode nie
    <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>

    BalasPadam
  7. blog ini mantap sekali, saya sudah follow 2384, ditunggu follow balik http://penyuluhpi.blogspot.com/2012/04/ternyata-kotoran-sapi-bisa-dijadikan.html

    BalasPadam
  8. ala xreti lgsg nak wat cane nie huhuhu profile blog ak ksong je pon

    BalasPadam
  9. The comments plugin requires an href parameter

    apa yang x kene ye?

    BalasPadam