How to implement Twitter cards in Blogger - Europe Today

European Top News, Finance, Politics, Health, Business, Sports, Technology, Gossips, Earn Money, Jobs in Canada, UK, USA, Europe.

Breaking

Home Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Wednesday, October 26, 2016

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:

No comments:

Post a Comment

Post Bottom Ad

Responsive Ads Here

Pages