facebook/ConnectGsWithShare.html

## ConnectGsWithShare.html
<!doctype html>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Peanut Butter and Jelly Sandwich</title>
    <style type="text/css">
      body {
        margin: 0px;
        padding: 0px;
      }
      #header {
        background: #fff;
        width: 800px;
        height: 100px;
      }
      #leftcol {
        background: #fff;
        float: left;
        width: 150px;
        height: 500px;
      }
      #content {
        background: #fff;
        float: left;
        width: 650px;
        height: 350px;
      }
      #rightcol {
        background: #fff;
        float: left;
        width: 150px;
        height: 350px;
      }
      #footer {
        background: #fff;
        width: 800px;
        height: 100px;
      }
    </style>
  </head>
  <body>

    <div id="fb-root"></div>
    <script src="http://static.ak.fbcdn.net/connect/en_US/core.js"></script>

    <div id="header"><h1>Recipes For You!</h1></div>
    <div id="leftcol">
        <center>
            <fb:profile-pic uid="loggedinuser" linked="true"></fb:profile-pic><br><br>
        </center>
    </div>
    <div id="content">
        <h3>Peanut Butter and Jelly Sandwich</h3>
        2 slices bread<br>
        1 T peanut butter<br>
        1 T jelly<br>
        &nbsp;<br>
        Using knife, spread peanut butter on one slice of bread. Using a clean knife,
        spread jelly on the other slice. Put slices together so that the peanut butter
        and jelly meet. If desired, cut into squares or triangles.
            <center>

               <div>
                 <fb:share-button href="http://apps.facebook.com/example" type="button_count">
                 </fb:share-button>
               </div>

            </center>
    </div>
    <div id="rightcol" align="right">
        <fb:login-button autologoutlink="true" v="2"></fb:login-button>
    </div>
    <div id="footer">
    </div>

    <script>
        FB.init({
            apiKey: 'YOUR_API_KEY',
            status: true
            });
            FB.XFBML.parse();
    </script>

  </body>
</html>
	<!doctype html>
	<html>
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Peanut Butter and Jelly Sandwich</title>
	<style type="text/css">
	body {
	margin: 0px;
	padding: 0px;
	}
	#header {
	background: #fff;
	width: 800px;
	height: 100px;
	}
	#leftcol {
	background: #fff;
	float: left;
	width: 150px;
	height: 500px;
	}
	#content {
	background: #fff;
	float: left;
	width: 650px;
	height: 350px;
	}
	#rightcol {
	background: #fff;
	float: left;
	width: 150px;
	height: 350px;
	}
	#footer {
	background: #fff;
	width: 800px;
	height: 100px;
	}
	</style>
	</head>
	<body>

	<div id="fb-root"></div>
	<script src="http://static.ak.fbcdn.net/connect/en_US/core.js"></script>

	<div id="header"><h1>Recipes For You!</h1></div>
	<div id="leftcol">
	<center>
	<fb:profile-pic uid="loggedinuser" linked="true"></fb:profile-pic><br><br>
	</center>
	</div>
	<div id="content">
	<h3>Peanut Butter and Jelly Sandwich</h3>
	2 slices bread<br>
	1 T peanut butter<br>
	1 T jelly<br>
	<br>
	Using knife, spread peanut butter on one slice of bread. Using a clean knife,
	spread jelly on the other slice. Put slices together so that the peanut butter
	and jelly meet. If desired, cut into squares or triangles.
	<center>

	<div>
	<fb:share-button href="http://apps.facebook.com/example" type="button_count">
	</fb:share-button>
	</div>

	</center>
	</div>
	<div id="rightcol" align="right">
	<fb:login-button autologoutlink="true" v="2"></fb:login-button>
	</div>
	<div id="footer">
	</div>

	<script>
	FB.init({
	apiKey: 'YOUR_API_KEY',
	status: true
	});
	FB.XFBML.parse();
	</script>

	</body>
	</html>