Social markup (XFBML) is an easy way to integrate Connect into your site. See the documentation for other approaches.
1) Paste this code just below the <body> tag of your page. It enables your website to understand XFBML. Only paste this code once per page.
2) You can now paste any of the XFBML below into your site. The Login Button is required to enable the other markup.
Clicking the button opens a dialog to authenticate using Connect. When the user accepts, your page will be reloaded with a facebook session for the user. This enables the tags below to function.
Renders the profile picture of the user or Page specified.
Renders the name of the user or Page specified.
This example also uses the javascript client library. It renders the profile pictures of the user's friends.