[@securereservation Member 13 years, 4 months ago]

@sureshdrim

Facebook for Websites: Social Plugins for Your Blog and Business

facebook-social-plugins

140Share

Facebook offers webmasters and bloggers a lot of options for integrating their platform onto websites. Consider the number of users that are logging into Facebook on a daily basis and staying logged in throughout the day while perusing the Internet.

facebook for webistes infographic

It makes sense that website owners would want to take advantage of the power of Facebook on their own sites, especially since Facebook is the most used identity when it comes to people signing into sites, as shown in the infographic above.

The best part is that Facebook offers several social plugins that you can implement onto virtually any website, some with very little coding knowledge required. Let’s look at these plugins, and the reason why you would want to have a few of them on your site.

Like Button

The Like Button is probably the most well known and recognized of the Facebook social plugins. Like buttons can be placed on any page of your website and can be targeted to like the page that the button is on, or a URL that you specify. For example, you can have a Like button on every page of your site that, when clicked, will create a Like to your homepage.

To get the code for the Like Button, simply visit the developer’s page, enter the URL you want visitors to like and then customize the other features such as layout style, showing faces of people who have liked it, width, wording (Like or Recommend), font, and color then get the code.

If you want to incorporate the Like Button on a WordPress theme (say in your single post templates to work with each of your posts), you can use the following code in place of the URL:

<iframe src=”http://www.facebook.com/plugins/like.php?href=&lt;?php echo rawurlencode(get_permalink()); ?>&layout=button_count&show_faces=false&width=100&action=like&font=verdana&colorscheme=light&height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:100px; height:21px;” allowTransparency=”true”></iframe>