Friday, 11 November 2016

Tutorial: how to install twitter card on your blog

The reason why your blog show blank thumbnails on twitter, is because you do not have twitter card installed on your blog. Believe me, i tried everything...it was difficult really. After so many attempt i later discovered an alternative way out and i thought many people will be passing through the same difficult experience; i decided to do this tutorial to help out.



Go to edit HTML on your blog What you need to do is, copy this HTML code below and paste it below your blog </head>.




<meta content='summary_large_image' name='twitter:card'/>
<meta content='@gosilvacreative' name='twitter:site'/>
<meta content='@gosilvacreative' name='twitter:creator'/>
<meta content='http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/' property='og:url'/>
<meta content='Gosilva Creative' property='og:title'/>
<meta content='In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling.' property='og:description'/>
<meta content='https://4.bp.blogspot.com/-HVMpYXj67ak/WBc_jjsfBlI/AAAAAAAAAIY/mZx_DYPoWqQUC3Knp1rGKerOPanGVMw5QCLcB/s400/4.jpg' property='og:image'/>



                     After you successfully placed the HTML code, save and make some changes.

1. <meta content='@YOUR BLOG NAME' name='twitter:site'/>

2.<meta content='@YOUR BLOG NAME' name='twitter:creator'/>

3.<meta content='https://4.bp.blogspot.com/-          HVMpYXj67ak/WBc_jjsfBlI/AAAAAAAAAIY/mZx_DYPoWqQUC3Knp1rGKerOPanGVMw5QCLcB/s400/4.jpg' property='og:image'/>


Now for your post to display, go to post HTML, it looks like this image below


Copy your post Url and replace with number (3) items on the twitter card HTML code
then hit save and as well replace discription .

You need to Verify your card; now copy your post Url and go to:

ttps://cards-dev.twitter.com/validator






After successful verification you can copy  the Url and post on your twitter; you are good to go...

If there is anything please do not forget to drop your comments.

Thanks.









No comments:

Post a Comment

How to Configure Numbered Page Navigation After installing, you might want to change these default settings: