By CHI WAI LAU

Likers Gonna Like

Adding the Facebook Like Button to every post of your Jekyll blog is extremely easy. Here are the instructions on how to do it:

  1. Specify your site url in _config.yml:
...
url: http://tabqwerty.com
...
  1. Append the following code to your blog post template, i.e. _includes/post.html:
...
<iframe
  src="http://www.facebook.com/plugins/like.php?layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80&amp;href={{ site.url }}{{ post.url }}"
  scrolling="no"
  frameborder="0"
  style="border:none; overflow:hidden; width:450px; height:80px;"
  allowTransparency="true">
</iframe>

To make sure your webpage is “liked” correctly, enter the url into the Facebook URL Linter. This tool will tell you the metadata that will be extracted from your site and used to populate the ‘like’ stories that show up in the user’s feed. Enjoy!