Facebook in my website

Discussion in 'Facebook API' started by lewismichaelbbc, Sep 5, 2011.

  1. #1
    How can i make a Facebook like button on some of my website pages?
     
    lewismichaelbbc, Sep 5, 2011 IP
  2. uday nikam

    uday nikam Peon

    Messages:
    318
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi,
    If you are thinking website link button, use Photoshop to create a slick and clean button text then next process is some html changes <p class="button"><a href="#null">Facebook</a></p> , CSS changes following that and you got it....

    CSS changes....

    .button {
    display:block;
    width:250px;
    height:50px;
    text-indent:-9999px;
    }
    .button a {
    display:block;
    width:100%;
    height:100%;
    background:transparent url(campaign-monitor-button.png) no-repeat top left;
    outline:none;
    }
    .button a:hover {
    background-position:0 -50px;
    }
     
    uday nikam, Sep 6, 2011 IP
  3. Syndication

    Syndication Active Member

    Messages:
    351
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    90
  4. amherstsowell

    amherstsowell Peon

    Messages:
    261
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Use this code
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <div class="fb-like" data-send="true" data-width="450" data-show-faces="true"></div>


    OR Follow This link

    http://developers.facebook.com/docs/reference/plugins/like/
     
    amherstsowell, Sep 19, 2011 IP
  5. MarissaTAVision

    MarissaTAVision Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    MarissaTAVision, Feb 16, 2012 IP