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

                        <head>

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.

About Mathias Amodu 891 Articles
My Name is Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

5 Comments

  1. Johnson ofonimeh February 4, 2016
    • Mathias Amodu February 5, 2016
  2. Tarrmie de Man February 6, 2016
  3. Snezana Krdzic August 13, 2016

Leave a Reply

*