Facebook quite recently changed the functionality of ‘Like’ button, now it is similar to ‘Share’ button. Normally the ‘Like’ button shows the link of the blog post and the blog, but from now onwards they will show the Title, Description and a screenshot of the page which you like.
By default most of the ‘Likes’ have random thumbnails, similar to the below image. Here they took the emoticon I used in comments!
![Facebook Like Thumbnail [BEFORE]](http://hellboundbloggers.com/wp-content/uploads/2011/03/FB-Like-Before.png "Facebook Like Thumbnail [BEFORE]")
After trying this trick, my blog post was able to show the related image as thumbnail.
![Facebook Like Thumbnail [AFTER]](http://hellboundbloggers.com/wp-content/uploads/2011/03/FB-Like-After.png "Facebook Like Thumbnail [AFTER]")
Ashish Saini did a great job by creating a WordPress plugin and also a PHP code with similar functionality. Here we are going to see the two methods by which you can solve the Facebook Like Thumbnail problem easily.
Two Ways To Fix Facebook Like Thumbnail Problem
#1 – WordPress Plugin : WordPress users once again blessed with a plugin. Just download and activate it.
It will display the first image of the post or page you are on. In case someone likes your Category or Tag page, then the first image of the first post in the listing will be used.
#2 – Manual PHP Code : Not everyone love to use plugins, for them here is another method. Just copy and paste the following snippet in functions.php file. Bingo!
You can check the manual code [here]
You can replace ‘http://blog.ashfame.com/wp-content/themes/ashfameblog/images/ashfame-logo.png’ with your blog/brand image URL.
These two methods apply only* to WordPress blogs, but yet, you can use the following code to show a constant default image; maybe you can use your blog logo.
<link rel=”image_src” href=”http://example.com/logo.png” />
Do you like this new ‘Like’ functionality? Have you faced this thumbnail issue? Share your opinions below as comments.
the plugin helped me a lot thanks
thanks pradeep for this. you must be hired by mark. 🙂
Thank for this code. I always like this types of post.
the method that you given above
(<link rel=”image_src” href=”http://example.com/logo.png” />) does not work for my blog. if you have any idea about blogger code pls explain
hi Pradeep…
Thanks for providing that information but is this also applicable for the post we like before activating this plugin…
Actually is Open Graph problem,
Maybe try this for faster way to fix for the facebook.
http://www.justin.my/2012/01/how-to-fix-facebook-thumbnail-from-wordpress/
Hey Pradeep,
I have updated the plugin to v0.2 with some more features. I would suggest anyone using the manual code, should ditch it and switch to the plugin. You can read about the changes here – http://blog.ashfame.com/2011/04/wordpress-plugin-facebook-like-thumbnail-updates/
Also using the plugin will let you get updates easily. Get the plugin here – http://wordpress.org/extend/plugins/facebook-like-thumbnail/
How will you implement this in a Thesis Theme site?
Hi Pradeep, its one of the informative post to all the blogger. Thanks a lot for given. No words to describe about this article. great work 🙂
I have recently FORMATTED my C Drive using Windows XP Home so I didn't expect problems but if I try and open My Documents in thumbail view it crashes.
Its very informative post, Pradeep. Thanks a lot for sharing. See you again.:)
Thanks so much
Thanks for the tips. Will go for manual code.
When you implement Open Graph protocol in your website with Facebook social plug in (Like button) properly, than whenever some one likes or shares a post from your blog , that will appear in their wall with a related image to that post plus a short description and URL to the post.
There are certain syntax you need to use for proper integration of OG and FB like. Any mistake in the syntax will result in incorrect nbr of likes as well as improper URL associated with the like. I will cover this topic broadly on my blog pretty soon.
great work mate. i like to use the code’s instead of plugins.
i have also faced same problem, i will use this trick, lets hope i will solve it….
This looks like a good fix on the Facebook like feature.
Well aren’t you clever… That’s a great idea, thanks so much for sharing this with us. I’m going to have to give this one a go myself. I love this idea!
Adrienne
Nice work by Ashish. Thanks for sharing the code.
Just noticed it! You fixed it, Thanks 🙂
Hey congrats Ashish Saini, I used to read your blog 🙂
Thanks Pradeep for update
Thanks! I guess you should start reading it again 😉
Hi Pradeep,
Thanks for spreading the word about it. 🙂
BTW, take a look at your code, its messed up right now, outside the pre tag.