How To Add New Facebook ‘Like’ Button To Your Blog or Tumblr
So Facebook have announced their new web-wide ‘Like’ button. Expect to start seeing it appear in blog posts and next to products, photos, music tracks, eventually every piece of content on the internet! As a blogger they make it very easy for your readers to promote your blog to their friends so here’s how to add it.
There doesn’t seem to be a simple step-by-step guide on the web so I’m writing this, particularly for Tumblr users but it will apply to other platforms too…
STEP 1:
Copy this code:
<meta property="og:title" content="{block:PostTitle}{PostTitle}{/block:PostTitle}"/>
<meta property="og:site_name" content="willfrancis.com"/>
<meta property="og:image" content="http://creative.myspacecdn.com/uk/Editorial/Today/Blog/willfrancisdotcom.jpg"/>
Paste it into the head of your blog theme HTML (i.e. somewhere after <head> and somewhere before </head> ) and customise it. The first tag will dictate how the post title appears on Facebook. The second tag dictates how your site name appears on Facebook. The third tag is an image that represents your blog. It doesn’t seem like this is turning up anywhere at the moment but you may as well put it in.
STEP 2:
Copy the code below and paste it into your theme code so it appears in the footer of each post (i.e. somewhere after {/block:More} and somewhere before {block:Permalink} if you’re using Tumblr):
<iframe src="http://www.facebook.com/plugins/like.php?href={Permalink}&layout=standard&show_faces=true&width=450&action=like&font=arial&colorscheme=evil" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:165px; height:24px"></iframe>
You can play with the width to make the text appear as one or more lines.
STEP 3:
Save your theme changes and check out your blog. You can see an example at the top of this very post :)
For more info from Facebook go here and to see the first major app to use this ‘Like’ information visit http://likebutton.me/ which will show what stuff your friends have been liking lately.
