![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB_GLQSn2kA_ZICm75btcWAxJEXF_nJgGLYCqsTFpaNCjVvCwjpldxlPTtgR6rT2uhyphenhyphenbNozm7-VA8Zu1cw0P6F28U3shj2Fl4TCP4fuJFJf-MyKit_kXTfZyfz-wCCiNyU6hD2r2tUzHmj/s640/edit+html.jpg)
In order to add Twitter Cards in Blogger you have to add a few lines of code to your template. Before editing the template remember to back it up first, then click on edit html, and copy the below code after the <head> opening tag.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXUxhdocAfUcglrFsx9SbtV6kykfvObGN71AWu9I-8swUQ1NblWx3pMjIjtAXXOvJci-sB9qurd9XobwX3aVKMe5nbtwopGmQHTKF2f8e-f93m96OY1zDOsmNfvBfFBrlEnZdfhudbSuYd/s640/head.jpg)
The Code:
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@IcebergGem' name='twitter:creator'/>
<meta content='@IcebergGem' name='twitter:site'/>
<meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
<b:if cond='data:blog.pageType == "item"'>
<meta name="twitter:url" expr:content='data:blog.url' />
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<meta expr:content='data:blog.homepageUrl' name='twitter:url'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='Image URL' name='twitter:image:src'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
</b:if>
<meta expr:content='data:blog.Url' name='twitter:url'/>
The above code will Add Summary large image Twitter Card. Before adding the code remember replace my IcebergGem twitter handle with yours.
Next, you need to go Twitter Validator ( https://cards-dev.twitter.com/validator ) to test the code. And please make sure all of your Blog posts have a search description and your Blog/Website in general has a search description or it will not work.