Get view summary in Twitter for your blogspot blog

Last Revised: Tuesday, June 3, 2014

Advertisements

Hellooo fellow bloggers~
Are you an active twitter user?
Cause if you are~  You probably would have noticed
the many different types of tweets that twitter displays ~

Particularly the one with 'view summary' links at the bottom.
View Summary Twitter
Which you can click on it to view the article's snippets

Twitter Summary Card

Since twitter has a character limit for each tweets most people would shortened their URL.
However readers tend to shun away from such tweets because they can be deceptive.
So by having this snippet feature it will definitely encourage your readers to click on your link, should they find your post interesting and relevant.

If you are a Wordpress user Good for you ~ there are probably a few plugins that already does that..
If you are using blogspot, like me, then below are the few steps you'll have to follow in order to get your summary card.

  1. Head over to your Template click "Edit HTML"
  2. Search for closing head tag </head>
  3. Paste the following codes above the closing head tag

  4. <!-- Twitter Cards Starts here-->
    <meta content='summary' name='twitter:card'/>
    <meta content='@twitterusername' name='twitter:site'/>
    <meta content='@twitterusername' name='twitter:creator'/>
    <b:if cond='data:blog.pageType == "index"'>
    <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 != ""'>
    <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='your default image URL' name='twitter:image'/>
    </b:if>
    <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
    <!-- Twitter Cards Ends here-->
  5. Replace @twitterusername with your twitter user name
  6. Replace your default image URL with an image URL that you'll like to have it as default image
  7. Save your template and you are done with the blogger part 
  8. Next head over to twitter card validator 
  9. Login using your twitter account 
  10. Click on the Valid and Apply tab
  11. Provide your post/site URL, click on go for validation 
  12. If the mark up is done correctly Click on Request approval 
  13. Follow though the application and you are done :D
Note: The approval may took quite a while. Mine took about one month. 
Durian Opened by Simon Ooh
soundatventure
 

Currently viewed

Google+ Followers