Facebook Post Thumbnail Issue in Blogger Blog


Hello Bloggers,

Because I am new user. So I can not put up the link in this post. My blog is running on Blogger platform.

It is showing wrong thumbnails of blog posts on Facebook shares. I have followed so many tutorials but did not work for me. If any one know about this issue that how to solve it then please help me.


Gagan Masoun


It’s happening because you haven’t installed thumbnail meta tag on your blog. To do this, just follow the following steps:

  1. Go To Template Editor

  2. Find <head> and bellow it, paste the following code:

    <b:if cond=‘data:blog.pageType == “index”’>

Replace YOUR BLOG’S LOGO with your blog’s logo and save your template.

Note: After doing so, the meta tag will automatically provide correct post thumbnails to:

  1. Twitter;
  2. Google+;
  3. Facebook.

So, it’s more than good for your blog. :smile:


No brother, Its not working…

I have tried this one and followed so many tutorials. My blog always picks image from home page, which I don’t want in FB share.


There was a minor mistake in the code above. So, I have updated it. Kindly try it once again.


Sorry to say… but no response again :frowning:


Give me your website url i will try to fix it or you can give your xml file


Here is my website’s URL - http://www.punjabi-poetry.com


can you give me xml file so that i can test it @gaganmasoun


give me your email id please, so I can send you XML file.


Maybe you could test your meta property by Open Graph Object Debugger. I found out that your image is to small. I used to have large image around 600px width.


Try this:

<!-- open graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='&quot;Read &quot; + data:blog.pageName + &quot; On &quot; + data:blog.title + &quot;&quot;' property='og:description'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='&quot;Visit &quot; + data:blog.pageTitle + &quot;To read more articles.&quot;' property='og:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<meta content='Your_Logo' property='og:image'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='Twitter_Username' name='twitter:creator'/>
<!-- end open graph -->