The definitive 2016 guide to using large Twitter Cards for Blogger / Blogspot users

You know those sites that have Tweets that for some reason are able to contain an eye grabbing picture?

tweet pictures automatically in blogger blogspot

Yes - even you guys on Blogger / Blogspot can do it. No matter how many different ways have failed for you in the past.

1) Back up your template. (Do not skip this step.)

2) Edit the HTML from the 'Template' page of Blogger's dashboard.

3) Once in the editing page of your template, click within the coding, hit CTRL-F, and then search for the following line:

<b:includable id='post' var='post'>

4) Immediately under that line, paste the following code:

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

<meta content='@BobsBlitz' name='twitter:site'/>

<meta content='@BobsBlitz' name='twitter:creator'/>

<meta content='' name='twitter:domain'/>

<b:if cond='data:blog.postImageThumbnailUrl'>

<meta expr:content='data:post.firstImageUrl' property='twitter:image:src'/>


<meta content='' property='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'/>


<meta expr:content='data:post.snippet' name='twitter:description'/>


<meta expr:content='data:post.sharePostUrl' name='twitter:url'/>

Change the 2 @BobsBlitz to your Twitter handle, change the to your web address and, finally, change the line to the location of a default picture or logo of yours. (That way, if your post has no pictures in it - Twitter will grab that and every Tweet you have will have a graphic like the one below.)

5) Click save.

6) Go to Twitter's Card Validator page (click right here). Do three things there. First, enter your webpage and click 'preview card.' You should get whitelisted and see a Tweet with your logo. Then, enter the link of a post that has a picture in it from your site - should see a Tweet with that picture. Finally, enter a link from your site that has no picture - you should get the default picture you've entered.

And that, boys and girls, is it. (Huge h/t to KobusNL in the Blogger Forum)

If this worked for you - RT and leave a comment.

Follow us on Twitter right here.

Please follow us on Twitter for exclusive stories, Like us on Facebook, Or return home for award winning writing.

*Return to Bob's Blitz Homepage -- *Contact Bob's Blitz -- ⓒ2008-2016

Privacy Policy -- About Us -- Copyright Policy -- Mobile Version