Removing Post Description from Label/Archive Pages in Blogger

If you try to see the archive, or open up a label page in a blog (example here), by default you see a long expanded list of blog posts with the whole description pasted there. It's very clumsy to navigate around and find a post that was written even a couple of months back if it is a frequently posted topic. I have found a perfect solution for this problem. If we could just display the titles for the posts in the archive/label page, that would really make it navigable for the reader. Hence, let's discuss how to do it!

** Make sure you backup your template before you make this change to it

1. Log in to your blogger account and open the blog that you want to edit

2. Go to 'Template' on the left.

3. Click on 'Edit HTML'. This will open the entire blogger template code for editing

4. (Ctrl+F) to search for <b:include data='post' name='post'/>

5. Replace this code with the following code:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div style='padding:6px 0 6px 5px; solid #000; solid #000;margin-bottom:2px;color:#000000;'>
<img alt='&gt;&gt;&gt;' border='0' src='https://lh5.googleusercontent.com/-HP5XyclRQic/TXMMAKmlg5I/AAAAAAAAAQk/wrCGFu9jzmg/s1600/sidebar-icon.png'/>
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

This should make the label's page look like this: