
HOW TO: Fix Facebook ‘Like’ Thumbnail Problem
- Updated On 03/03/2011
- Author : Pradeep Kumar
- Topic : Facebook
- Short URL : http://hbb.me/Y7oS4i
CONNECT WITH HBB ON SOCIAL MEDIA
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!
After trying this trick, my blog post was able to show the related image as thumbnail.
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.
Want to discuss your queries and interact with experts? You can connect with HellBound Bloggers (HBB) Facebook group for free!
Join HellBound Bloggers (HBB) and get Instant Updates. We'll also notify you with Great Deals, Discounts and other Interesting Tips. We won't SPAM or SHARE your Email Address with anyone.
YOU CAN ALSO SEARCH FOR YOUR DESIRED TOPICS:
Thank you for reading! We welcome and appreciate your comments, but at the same time, make sure you are adding something valuable to this article. If you have any serious queries, suggestions or anything related to this article, feel free to share them, we really appreciate that.
But, if your blog comments are a random "Thank you", "Useful Post", or anything that doesn't actually upscale the article, then we'll be removing them and it won't be appeared below. Thanks for understanding and thanks for connecting with us. If you want to give us any feedback or report any errors, you can kindly contact us and we'll revert back soon.
- Comments
- Facebook Comments
- Comments
Do you have any queries? Want to share something?
25 Comments
Facebook Comments
pradeep
the plugin helped me a lot thanks
VIPIN
thanks pradeep for this. you must be hired by mark. ๐
Abdur Rakib
Thank for this code. I always like this types of post.
Rasika Sampath
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
Shubham Pandey
hi Pradeep…
Thanks for providing that information but is this also applicable for the post we like before activating this plugin…
Justin
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/
Ashfame
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/
S.Pradeep Kumar
Thanks for the update Ash. ๐
John
How will you implement this in a Thesis Theme site?
S.Pradeep Kumar
Tried using in custom_functions.php file?
Kavya Hari
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 ๐
Nasir
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.
Preethi
Its very informative post, Pradeep. Thanks a lot for sharing. See you again.:)
Edwin
Thanks so much
Namit Gupta
Thanks for the tips. Will go for manual code.
Techie Zone
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.
Techvista
great work mate. i like to use the code’s instead of plugins.
Vijayraj Reddy
i have also faced same problem, i will use this trick, lets hope i will solve it….
Jasmine
This looks like a good fix on the Facebook like feature.
Adrienne
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
Mani Viswanathan @ DailyBlogging
Nice work by Ashish. Thanks for sharing the code.
Ayush Chand
Just noticed it! You fixed it, Thanks ๐
aswin
Hey congrats Ashish Saini, I used to read your blog ๐
Thanks Pradeep for update
Ashfame
Thanks! I guess you should start reading it again ๐
Ashfame
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.