title: Blogger: Facebook share - issue with image
body: <p>When I try to share any content of my blogger in facebook or if I just copy the link and paste there something like this happen (see the empty square that is supposed to have an image):</p>
  
  <p><a href="https://i.stack.imgur.com/cQ6My.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cQ6My.png" alt="daniel cajueiro blogger"></a></p>
  
  <p>I have tried to take a look at <a href="https://developers.facebook.com/tools/debug" rel="nofollow noreferrer">Facebook developer tool</a> and it says that:</p>
  
  <pre><code>Warnings That Should Be Fixed
  Inferred Property   The 'og:url' property should be explicitly provided, even if a value can be inferred from other tags.
  Inferred Property   The 'og:title' property should be explicitly provided, even if a value can be inferred from other tags.
  Inferred Property   The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags.
  Share App ID Missing    The 'fb:app_id' property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.
  </code></pre>
  
  <p>I have tried to follow some solutions that I found:</p>
  
  <p>1) Edit HTML and just above the <code>&lt;/head&gt;</code> tag paste the following piece of code.</p>
  
  <pre><code>&lt;b:if cond='data:blog.postImageThumbnailUrl'&gt;
  &lt;meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/&gt;
  &lt;b:else/&gt;
  &lt;meta content='http://www.your-blog-logo.jpg' property='og:image'/&gt;
  &lt;/b:if&gt;
  </code></pre>
  
  <p>2) search for <code>&lt;b:includable id='post' var='post'&gt;</code> and paste the below code after this tag</p>
  
  <pre><code>&lt;meta expr:content='data:blog.pageName' property='og:title'/&gt;
  &lt;meta expr:content='data:blog.canonicalUrl' property='og:url'/&gt;
  &lt;meta expr:content='data:blog.title' property='og:site_name'/&gt;
  &lt;meta content='article' property='og:type'/&gt;
  &lt;b:if cond='data:post.firstImageUrl'&gt;
  &lt;meta expr:content='data:post.firstImageUrl' property='og:image'/&gt;
  &lt;meta content='1200' property='og:image:width'/&gt;
  &lt;meta content='630' property='og:image:height'/&gt;
  &lt;b:else/&gt;
  &lt;b:if cond='data:blog.postImageUrl'&gt;
  &lt;meta expr:content='data:blog.postImageUrl' property='og:image'/&gt;
  &lt;meta content='1200' property='og:image:width'/&gt;
  &lt;meta content='630' property='og:image:height'/&gt;
  &lt;b:else/&gt;
  &lt;meta content='https://lh3.googleusercontent.com/-9Fy3-ME-5VA/VfhZDh1oQOI/AAAAAAAABFc/SPkLmVpV1aY/s1600/no-thumbanil-available.png' property='og:image'/&gt;
  &lt;/b:if&gt;
  &lt;/b:if&gt;
  &lt;b:if cond='data:blog.metaDescription'&gt;
  &lt;meta expr:content='data:blog.metaDescription' name='og:description'/&gt;
  &lt;b:else/&gt;
  &lt;meta expr:content='data:post.snippet' name='og:description'/&gt;
  &lt;/b:if&gt;
  </code></pre>
  
  <p>None of these solutions solved the problem. Can you help me?</p>