Welcome Enjoy Tutorials

Liked us?

Monday, April 1, 2013

How to put photos from Facebook fans on the blog?

In this article, we will see how to put the typical table showing the faces of the people (fans) who follow the blog through Facebook. It is what is called a "Like Box" ...

As you know, people of Facebook has a page specifically dedicated to developers, who can enable social elements into your blog or website. It is highly recommended not to use it even know initially.
We summarize the different elements that can be found:

    Like Button: The button that we put in each blog entry
    Activity Feed. Shows a box wall with activity
    Recommendations. Displays a box with those wall postings with votes
    Like box. It is the example we are doing right now.
    Login Box. It's a login button of facebook account
    Registration. Create your user registry from your own Web (combined then with the Login Box)
    Comments. It's a box to post comments from your website or blog, these are posted on the wall
    Live stream. Ideal for live events and live, allows active participation of users. A kind of chat where you seeing what others are writing. Example broadcast of a sporting event where you have for example the video of a football game on the right have this Live Stream that allows real-time feedback. Penalty!, Penalty!, Lol.

Follow these steps to see a box with photos of fans in your blog or site:

    Open another browser tab your fan page
    Copy the web address (URL) in the navigation bar of the browser itself
    Connect with this page
    Where it says "Facebook Page URL" you must paste the address of your site on Facebook
    Set the various parameters
    Click the Get Code button, copy it (is a iframe)
    Design Go
    Add a Gadget of type HTML / Java Script Menu on the right.
    Paste the code into the Gadget
    Press the Save button and see your blog

Here's my example:

    <Iframe scrolling = "no" frameborder = "0" style = "border: none; overflow: hidden, width: 210px, height: 230px;" allowtransparency = "true"> </ iframe>


You can see it working right in the vertical menu, set the parameters of width (W) and height (h) to adjust and integrate into your site.


Note: Only works with Fan Pages (fanpages) not a personal profile.
Enhanced by Zemanta

No comments :

Post a Comment

Botones Isometricos de Social Media




Barra Lateral Fija