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. |
|||
|
|||
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 == "item"'>
<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: |
إرسال تعليق