You can attach photos, videos and media to Tweets with twitter card, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that's visible to their followers.
Step3: Now, go to Twitter Card Validator and past URL of any of your blog post to validate your summary card.
Step4: Click on Preview Card and twitter will whitelist your blog for summary. Now , tweet a Url from your blog to twitter and see the difference.
How to add twitter card to blogger ?
Step1: Go to Blogger > Theme> Edit html.
Step2: Search for </head> using Ctrl+F , paste below codes before </head> and Save theme.
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.postImageUrl'><b:if cond='data:blog.metaDescription'><meta content='summary_large_image' name='twitter:card'/><meta content='@LiveThreads' name='twitter:site'/><meta content='@LiveThreads' name='twitter:creator'/><meta expr:content='data:blog.pageName' name='twitter:title'/><meta expr:content='data:blog.metaDescription' name='twitter:description'/><meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/><meta expr:content='data:blog.homepageUrl' name='twitter:domain'/></b:if></b:if></b:if>
Note: Change Red bold text with your twitter username.
Step3: Now, go to Twitter Card Validator and past URL of any of your blog post to validate your summary card.
Step4: Click on Preview Card and twitter will whitelist your blog for summary. Now , tweet a Url from your blog to twitter and see the difference.