Dynamic Meta Tags For Blogger/BlogSpot Blogs

If you are new to Meta tags, then in short: "Meta tags introduce your blog to search engines", and so these tags are a must for every website/blog or rather for each and every page/article of websites.
In blogger you can easily add these tags to either the HomePage or to any other "specific page". And now, you can even avoid an important error (duplication of meta tags and titles).
But even after doing all these hacks, it is not easy to manually add description and keyword tags to each and every page/post.
So here's a simple code to automate the process of assigning meta description and keyword tags to every page of your blog. Although not very effective but it may slightly improve the visibility of your pages in SERPs. These are the Dynamic meta tags, which have the same code but display different content for different pages. Actually it simply shows the blog name and title of the post in the meta description/keywords content.

Log in to Blogger, go to Layout -> Edit HTML
and find (CTRL+F) this code in the template:

<b:skin><![CDATA[

And immediately BEFORE/ABOVE it, paste this code:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title + data:blog.pageName' name='Keywords'/>
</b:if>

Along with this, DO NOT forget to do these changes in your template too:
Remove the meta tags and titles duplication problem.
Swap the Blog title position for Search Engine Optimization.

Thanks to Rajeswar for suggesting these dynamic meta tags.

Image credits: illumin8.com

---