Get Latest Tricks Alert Daily
Follow Readers

How to add a facebook like button on your blog or website


SHARE:

Add a facebook like button on your blog or websiteFacebook has become one of the most visited site in the world, and the most visited site in US. It has a userbase of around 450 million people which is growing everyday. Hence it can be a major source of traffic if utilized properly. So it become a necessity to involve facebook in your content and provide your visitors ways to share your content on theirfacebook profile.

Facebook also wants their users to share third

party content with their friends, and this motivates them to create ways to allow their users to do so. After launching theirfacebook sharing count buttons, Facebook has recently released a like button which allows bloggers or webmasters to provide their readers a way to share their content even more easy and fast more specifically with just one click and no popups.

How to add a facebook like button on your blog ?

Demo: The facebook like button looks like this: Try it.



I am going to explain the installation on blogger or blogspot blogs.

1. Login to your blogger account. Go to your blog's Layout panel and then go to the Edit HTML.

2. Now click the Expand Widget Templates check box.

3. Now in the template search for <data:post.body/> and just after this line paste the following code.


<iframe src="http://www.facebook.com/plugins/like.php?href=data%3Apost.url&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:50px"></iframe>

4. Now save the template and you are done.

Customization:

If you want to change the text which appear on the button, just change the action=like to sayaction=recommend and the resulting button will look like this:



For putting facebook like button on websites and for further customization, Just follow this link.




SHARE:



If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to our regular Email Updates!

Subscribe To Get Latest Tricks On Email!

 

5 comments:

  1. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  2. i had added Facebook like button to blogger. I need to how add star rating for each post in blogger
    http://www.notesexpo.com
    Notesexpo

    ReplyDelete
  3. I have added facebook like button on my site http://www.trickstoo.com

    How can I add facebook like button at the exception of every blog post???

    ReplyDelete