How to implement Twitter cards in Blogger

How to implement Twitter cards in Blogger or Blogspot

Latest European Top News, Finance, Politics, Health, Business, Sports, Technology,Earn Money, Jobs in Canada, UK, USA, Europe, Gossips, Latest Movies, Latest Songs.
Twitter Cards
How to Twitter Card Implement

We need to add some meta tags to head section of Blogger template.
1.     Navigate to Template and then select Edit HTML (#)
2.     Clik on the Proceed of appeared popup window(#)
3.     Find </head> by Search (Use Ctrl+F)
4.     Add following code just above to the </head>
<!-- twitter cards -->
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@AUTHOR_TWITTER_HANDLE"/>
<meta name="twitter:creator" content="@WEBSITE_TWITTER_HANDLE"/> 
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta name="twitter:url" expr:content='data:blog.url' />
<meta name="twitter:title"  expr:content='data:blog.pageName' />
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
 <b:else/>
<meta name="twitter:url" expr:content='data:blog.homepageUrl'  />
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
 </b:if>
 <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name="twitter:image"/>
<meta name="twitter:title"  expr:content='data:blog.title' /> 
 <b:else/>
<meta content='WEBSITE_FAVICON_IMAGE_URL' name="twitter:image"/> 
<meta expr:content='data:blog.title' name='twitter:title'/>

 </b:if>

Desclimer:

Post a Comment

Previous Post Next Post