How to Stop Blogger Post From Showing Wrong Thumbnails On Facebook

How to Stop Blogger Post From Showing Wrong Thumbnails On Facebook

When editing the blogger template most webmasters do make this similar mistakes, most of them might be that good customizing but not good in html language.

Facebook thumbnail

Having this type of issue on your blogger blog might be as a result of errors and wrong style layout.
To enable the right thumbnail on facebook you need to follow this wonderful tutorial.

Step 1
You need to login to your blogger account and then click on the blog you want to work on.

Step 2
Now scroll down your mouse to the template tab and then click on it then on the template page click on edit HTML.

Step 3
Then make sure that you backup your template first before performing this task.

Step 4
Now on your keyboard press CTRL+F button and then search for this code below


Step 5
Then paste this code after this <head>

 <meta content='article' property='og:type'/><meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/><meta expr:content='data:blog.title' property='og:site_name'/><meta expr:content='data:blog.pageName' property='og:title'/><b:if cond='data:blog.metaDescription != &quot;&quot;'><meta expr:content='data:blog.metaDescription' name='description'/></b:if>

Step 6
Now just save the template and try posting.

Most times you will have to wait for 2 to 3 days and make sure your profile image code in your template is in PNG format.

Hope this tutorial really help you alot.
If you have any problem pertaining topic feel free to drop it in the comment box thanks.


  1. Have implemented the above codes, but no positive effect have been noticed.................

    1. Yes there are most settings that are need to be at place to ensure that it works perfectly most times you need to wait as i said and you must not add any image in PNG format to any of your blog post I hope this will help you

  2. This comment has been removed by the author.

  3. Error parsing XML, line 11, column 12: Element type "meta" must be followed by either attribute specifications, ">" or "/>"

    1. Hello try it again it maybe you omitted a line

  4. Thanks! Can't imagine how often this happens, and it's so annoying.