Social Media Meta Tag for Hypothesis Blogger Template

This is social meta tag update for hypothesis blogger template. If you dont using our template you can add this script if your twitter cards for blogspot not working.

Test in Twitter cards validator at : 05 July, 2015
Type Summary Cards with normal image

<meta content='summary' name='twitter:card'/>
<meta content='@ahmadmaryuki' name='twitter:site'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='data:post.snippet' name='twitter:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<meta content='https://googledrive.com/host/0B9TVRU0AhL0yfkkxcllpRnN1NFhIMmtHYXZxZjQ2azQ2NXB3cnhkWlhCUnl2M3NXMXBweUU/1435922914_vector_65_11.png' name='twitter:image:src'/>
</b:if>

Please following this alert coz very important!

This code should be add in <b:includable id='post' var='post'>
  <div class='post hentry'>
This code for XHTML 4.1 strict, for HTML5 will be error code on meta tag
This code if in hypothesis was included.

Before i publish this post about social media meta tag for blogger, i find a powerfull social media tag. I find on github by Milan Aryal 11 day ago. You can see it's original code on github here and see the result.

Test in Facebook Debuger at : (Under Test)
Type open graph protocol

Ranking: 5

Facebook Twitter Google+ Stumble it LinkedIn