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

الأربعاء، 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:

ليست هناك تعليقات:

إرسال تعليق

Post Bottom Ad

Responsive Ads Here

Pages