How To Display Read More Link in Blogger Post Summaries

To make your site load faster, to prevent your site from duplicate content and for a better SEO score many bloggers suggests using summaries (excerpts).

Post summaries provide a tiny-description of your content which usually consists of four to five sentences, which is there to give an idea to the reader about the whole story in just a few lines. To see a live example, check our homepage where you might notice a read more link present towards the bottom of post excerpts. In this article, we will show you how to automatically add a Read more Link in Blogger Post summaries.
First and foremost you need to login into your blogger account. After that go to Settings >> Template >> Edit HTML >> and search for the <data:post.body/>. After finding the tag just below it paste the following piece of coding.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='readmore'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

Remember: In case it does not works or, your template has too many <data:post.body/> tags then search for <div class='post-footer'> instead, and above it paste the code. Once everything is done, press "Save Template" button present on the top of your screen.

Congratulations: You have successfully added Read More Links in Blogger Post summaries. Now go check your site and see if it works perfectly. You can also Stylize the outlook of you link through #readmore{} CSS.

We Hope You liked This Post, We Will Add New Amazing Blogger Tutorial in Some Days, So Stay Tune...! :)

Post a Comment