Skip to main content

Get view summary in Twitter for your blogspot blog

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. 

Popular posts from this blog

Soup Restaurant (三盅两 件) at IMM

Heh.. I should have done this review earlier.. anyway... If you are a herbal soup enthusiast. If you are looking for a dining place where your old folks can enjoy. then this might be it~ Soup Restaurant is a Cantonese themed eatery that offers Heritage Cuisine that were served in the Chinatown night bazaar in the 1960s~ Soup Restaurant's cantonese name sam zhong leung khin (三盅 两  件 - three bowls two dishes), is a derivation of a popular Cantonese expression  yat zhong leung khin  (一盅 两  件 - one bowl two dishes) which signifies a relaxed lifestyle of consuming teas and dim sum dishes at tea houses in the early morning. 

What is SEO? The really basic definition

I've been talking about SEO on my blog for quite a long time but some are still unsure of what SEO exactly is about.. So for the benefits of those beginners who wants to know more about web page ranking or want to gain more traffics to your blog/site. This is something that you will want to know. The word "SEO" is an acronym that stands for Search Engine Optimization .   First let's breakup the words into two segments and understand what each of them means.

What is This Green green Profile Picture About

Some of you may be wondering why your friends' profile pictures are becoming green on social network platform ..facebook, twitter or may be some others.. This is not some technical glitch.. This is an ongoing protest to show support for the special effect VFX industry.