FB OpenGraph and G+ meta for Blogger

readme.md

[1] http://www.wfublog.com/2015/04/facebook-meta-og-setting-thumbnail-title-description-author.html [2] http://philotech1982.blogspot.tw/2014/12/metatagsforbloggersharing.html [3] http://www.technohalf.com/2015/01/how-to-add-facebook-open-graph-to-blogger-blog.html [4] https://gist.github.com/pathawks/1343315

new_meta_https_blogger.html

<!--<b:include data='blog' name='all-head-content'/>-->

<!-- Begin customized all-head-content and social metadata -->
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='https://blog.ansoncat.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.canonicalUrl.https' rel='canonical'/>
<link expr:href='data:blog.homepageUrl.https + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl.https + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:title='data:blog.title + &quot; - Atom&quot;' href='https://www.blogger.com/feeds/5810831657127936703/posts/default' rel='service.post' type='application/atom+xml'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl.https' rel='openid.delegate'/>
<link href='https://www.linkedin.com/in/yushengchen' rel='me'/>

<!--[if IE]><script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/35781802-ieretrofit.js"></script>
<![endif]-->

<b:if cond='data:blog.postImageUrl'>
  <link expr:href='data:blog.postImageUrl' rel='image_src'/>
</b:if>
<link href='https://www.linkedin.com/in/yushengchen' rel='publisher'/>
<meta expr:content='&quot;zh_TW&quot;' property='og:locale'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' itemprop='description' property='og:description'/>
<meta expr:content='data:blog.canonicalUrl.https' property='og:url'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <meta content='blog' property='og:type'/>
  <meta expr:content='data:blog.title' property='og:title'/>
  <meta content='father,programming,gourmand,child,baby,computer,food' itemprop='keywords'/>
<b:else/>
  <meta content='article' property='og:type'/>    
  <meta expr:content='data:blog.pageName + &quot; | &quot; + data:blog.title' property='og:title'/>
  <meta content='https://www.linkedin.com/in/yushengchen' property='article:author'/>
  <meta expr:content='data:blog.pageName' itemprop='keywords'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
  <meta expr:content='data:blog.postImageUrl' itemprop='image' property='og:image'/>
</b:if>

<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<!-- End customized all-head-content and social metadata -->

old_meta.html

<!-- Begin social metadata (FB & G+) -->
<meta expr:content='&quot;zh_TW&quot;' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.metaDescription' property='og:description' itemprop='description'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <meta content='blog' property='og:type'/>
  <meta expr:content='data:blog.title' property='og:title'/>
  <meta content='father,programming,gourmand,child,baby,computer,food' itemprop='keywords'/>
  <meta content='' property='og:image'  itemprop='image'/>
<b:else/>
  <meta content='article' property='og:type'/>    
  <meta expr:content='data:blog.pageName + " | " + data:blog.title' property='og:title'/>
  <meta content='http://tw.linkedin.com/in/yushengchen' property='article:author'/>
  <meta expr:content='data:blog.pageName' itemprop='keywords'/>
  <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image' itemprop='image'/>
  <b:else/>
    <meta content='' property='og:image' itemprop='image'/>
  </b:if>
</b:if>
<!-- End social metadata (FB & G+)  -->