Header AD

How to Add Twitter Cards to Your Blogger Blog

Loading...
How to Add Twitter Cards to Your Blogger Blog
Twitter serves us millions of beautiful posts daily and you have noticed that their appearance differs from one another. To make our tweets look beautiful we need to install twitter cards to our blog. You really do not need to be a high-tech expert to understand and implement these simple lines of codes. Follow these simple steps:

1. Just in case you are about to edit your blogger theme for the first time backup your theme
2. Edit HTML
3. Click Inside the box and type CTRL+F, an opened box in the right upper corner will appear
4. Copy and paste these elements in the search box: <b:includable id='post' var='post'>
5. Now paste this code AFTER highlighted line:

<meta content='summary' name='twitter:card'/> 
<meta content='@yourname' name='twitter:site'/>
<meta content='@yourname' name='twitter:creator'/>
<meta content='www.yoursite.com' name='twitter:domain'/>
<meta expr:content='data:post.firstImageUrl' name='twitter:image:src'/>
<meta expr:content='data:post.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
 <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
 <meta expr:content='data:post.snippet' name='twitter:description'/>
</b:if>
<meta expr:content='data:post.sharePostUrl' name='twitter:url'/>

6.  In order for the cards to pull the correct information you need to change:
  @yourname (found in the code twice) to your Twitter handle  
  (for example, mine is @life_sayso)

  www.yoursite.com to your site URL  

7. If you would prefer that your card pull a LARGE image (vs just the thumbnail) you can replace the first line of the above code with this line instead:

<meta content='summary_large_image' name='twitter:card'/>

8.  Now Click Save Theme and You are Done! Woohoo :)

9. To make sure your cards are working and rendering, you can paste your blog’s URL into the Twitter Card Validator.

That's it 😊Now that your twitter cards are ready and looking just awesome your can start Sharing your Blog's Posts on Twitter.

Make sure you Follow us on Twitter @Life_sayso

Image Source freepik.com

Happy Blogging 👏
Loading...
How to Add Twitter Cards to Your Blogger Blog How to Add Twitter Cards to Your Blogger Blog Reviewed by Life Sayso on 7/21/2017 05:04:00 PM Rating: 5

No comments