Facebook Open Graph for Blogger

To make your blogger post has a good appearance on facebook, you just need to add facebook open graph meta tags to your blog html code, and today we have the best code for that.

Go to your blog HTML edit tab, and search for <head> code and below it add this code
<!-- facebook 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.postImageUrl'>
  <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  <b:elseif cond='data:blog.postImageThumbnailUrl'/>
  <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:if cond='data:blog.metaDescription'>
  <meta expr:content='data:blog.metaDescription' name='og:description'/>
<meta expr:content='data:blog.title' property='og:site_name'/>