Question

<div id="Zoom" style="background-color: blue; top: 1077px; left: 378px;
     position: absolute; display: block;">
    Send 
    <div id="fb-root"></div>
    <fb:send colorscheme="dark" font="" href="http://tinyurl.com/3e7ggl6">
    </fb:send>
    <br> 
    <textarea rows="7" cols="40">bla bla</textarea>
</div>

why isn’t the Facebook send button visible? Or is it visible only if the page runs inside a Facebook canvas?

Answer 1

You don’t have to run inside the Facebook Canvas.

You need to have the FB JS SDK on your page. I’m assuming you don’t. See https://developers.facebook.com/docs/reference/javascript/ and https://developers.facebook.com/docs/reference/plugins/like/

or, just copy this:

<div id="fb-root"></div>
<div id="Zoom" style="background-color: blue; top: 1077px; left: 378px; position: absolute; display: block;">
    Send 
    <fb:send colorscheme="dark" font="" href="http://tinyurl.com/3e7ggl6">
    </fb:send>
    <br> 
    <textarea rows="7" cols="40">bla bla</textarea>
</div>
</div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
    appId  : 'YOUR APP ID',
    status : false, // don't check login status if you don't need it
    cookie : don't, // don't enable cookies to allow the server to access the session unless you need it
    xfbml  : true, // parse XFBML
    channelUrl : 'http://WWW.MYDOMAIN.COM/channel.html', // channel.html file, see the JS docs
    oauth  : true // enable OAuth 2.0 // It's the future, man
  });
</script>

That should do it