How to add Twitter Card for your Blogger (BlogSpot) Blog articles on twitter?

Twitter Card For Blogger Blog

As you know that in the era of social media marketing, twitter becomes an almighty God for marketers and bloggers. This platform may make your blog full of traffic or may be neglected by the huge mass of customers and readers. But, twitter marketing is not so simple if you do not know the right weapons in the war field of twitter marketing. So today, I am going to discuss here one of the best weapon of twitter marketing which is Twitter Card or in simple words add summary in your twitter tweets which automatically helps you to create great hits and traffic for your blog by giving a pro look to your profile.


You may like this also:

Now, let’s begin our mission of adding twitter Card on your Blogger (BlogSpot) Blog articles in your twitter tweets.

Twitter Card for your Blogger (BlogSpot) Blog articles on twitter:

To implement twitter card in your blog, you have to follow these steps as given below:

Step 1: First open your Blogger (BlogSpot) Dashboard in your browser and from there, open “template” section of your blog.

Step 2: Click on the “Edit HTML” Button as shown in the image below, but before that take a backup of your template if something goes wrong at the time of implementation.
Edit HTML button in template

Step 3: Add the given code in between your <head> section of your template.

<!-- Twitter_Cards_For_Blogger -->
<meta content='summary' name='twitter:card'/>
<meta content='@PapaBlogger99' name='twitter:site'/>
<meta content='@PapaBlogger99' name='twitter:creator'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<meta expr:content='data:blog.url' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<b:else/>
<meta content=’http://www.example.com/twitter.jpg' name='twitter:image'/>
</b:if>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<!--/Twitter_Cards_For_Blogger -->

You may like this also:

Step 4: change the variables of code as shown below:

  • Change “PapaBlogger99” into your “Blog Twitter Profile” in both twitter site and creator Meta tags.
  • Change “http://www.example.com/twitter.jpg” into your “Blog Logo URL” in twitter Meta image tag.

Step 5: Save it and open this link – Twitter Card Validation, after passing 48 hours of adding twitter card code in between <head> section.

Step 6: After that, a webpage appears on your screen as shown in the image below. Now, login with your Blog professional Twitter Profile as you mentioned above in the Twitter Meta tags.
Twitter Card Validation Login Page

Step 7: Add any URL of your blog article in the “Validate and Apply” section as shown in the image below. After that, click on the “GO” button.
Twitter Card Validation Page

Step 8: Approve your twitter card and congrats! Your twitter card is activated after passing few hours of your validation request.

You may like this also:

Note: If your twitter validation page does not show any information when you input an URL in the validation box then add this robot.txt file in the “Search preferences” option of your blogger Dashboard “setting” section as shown in the image below. (**For Unblocking Twitter Bot to crawl the pages of your blog.)
Adding Custom Robot.txt file Code

User-agent: Mediapartners-Google*
Allow: /
User-agent: Googlebot-Image
Allow: /
User-agent: Adsbot-Google
Allow: /
User-agent: Googlebot-Mobile
Allow: /
User-agent: Twitterbot
Allow: /
User-agent: *
Disallow: /search
Disallow: /cgi-bin/
Allow: /
User-agent: *
Disallow: /*.html
Allow: /*.html$
Sitemap: http://www.papablogger.org/atom.xml?redirect=false&start-index=1&max-results=500



Also unmark these squares in the “custom robot header tags” section as shown in the image below.
Adding Custom Robot Header Tags


This is the best way to add twitter card for your blogger blog article’s tweets. But, if you get any problem or doubt in any point of the article then, you can ask your queries here by commenting below.

About Author

Gaurav Sharma

 is a Co-Founder of PapaBlogger-Just One Step More and his field of working is SEO. He loves to write about SEO techniques, Blogging tips and Social Media Marketing Tricks. If you like the author’s than you can find more interesting stuff by stay connected with him on Facebook, TwitterGoogle plus and LinkedIn.