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>

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 this article may have helped you in learning how to display read more links in blogger post summaries. If you are not using post summaries, then it is your turn to make a switch. Let us know how things worked for you by leaving a comment below.

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
Choose Wisely!


September 21, 2013 at 9:32 PM

A simple but useful tips.
Thanks for share bro


September 21, 2013 at 10:35 PM

Nice Post... i learnt a lot from this website keep it up....kindly help me to open online store and choosing suitable template for it... waitting for you response at

September 22, 2013 at 7:13 PM

code again, plz check error: "The element type "b:if" must be terminated by the matching end-tag "" "

Editorial Team MOD
September 23, 2013 at 10:19 AM

Post Updated.

September 23, 2013 at 10:31 PM

Bro I added this code the day before yesterday in my blog template but in won't works but now this works fine. Thanks MBL team especially Faizan Bahi who is doing lot of work for bloggers help.

>>> SEO Tips & Tricks<<<

October 8, 2013 at 9:47 AM

Simple but effective, thanks


November 1, 2013 at 8:34 AM

i search this topics lot on google but i cannot find it. very very thnx bro

January 21, 2014 at 6:23 AM

it does not work, I have tried both the methods but it simply not work,,
its my second day in blogging and i haven't got anything right (first the template is not right now this)...its very frustating .Plss Plsss Help-

Editorial Team MOD
January 27, 2014 at 2:30 PM

Make sure you are pasting the code after all data:post.body tags

February 24, 2014 at 3:59 AM

i dont have this in my HTML code. please help me

Editorial Team MOD
February 24, 2014 at 11:22 AM

Can You please provide your blog URL?

June 25, 2014 at 6:20 AM

Thanks for the tutorial bro, so helpful :D

July 4, 2014 at 10:35 AM

thank you
it worked well on my blog

July 17, 2014 at 5:12 AM

it doesnt work. I've tried pasting the codes after
what did I do something wrong?

Editorial Team MOD
July 18, 2014 at 5:29 AM

You must not be adding the code at right place.

July 18, 2014 at 6:37 AM

Not sure if u receive my previous qn. Can I link the 'read more' to an external site, or have another link beside it that links to an external site.

Editorial Team MOD
July 21, 2014 at 6:45 PM

Try again

Editorial Team MOD
July 21, 2014 at 6:45 PM

Yes you can

Editorial Team MOD
January 27, 2015 at 7:28 AM

Provide me your Blog URL?

June 23, 2015 at 7:10 AM

I can not even find on my template html
Please Help..

Editorial Team MOD
June 23, 2015 at 9:29 AM

Go to Blogger >> Template >> Edit HTML >> Click anywhere in the HTML Area >> Press CTRL+F >> A search box will appear then find <data:post.body/>

August 9, 2015 at 3:09 PM

I have looked for the HTML code as you said, but couldn't find it. Is there any other way? Please, I need your help.

Editorial Team MOD
August 15, 2015 at 10:18 AM

You Already have a read more button

Links to this post << Search for this in your template.

July 19, 2016 at 6:25 AM

I've added the code, it worked but the Read more is on the end of the whole thing where it should be after 50 words summary.

Editorial Team MOD
July 19, 2016 at 6:45 AM

Please provide me your Blog URL, so I can provide you a fix.


August 18, 2016 at 10:27 AM

Good day,

i have tried it but it didnt work for me.

August 18, 2016 at 10:28 AM

i have tried it, but it didnt work for me.

Editorial Team MOD
August 19, 2016 at 5:26 AM

Can you please let me know what error you're seeing?


Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2018. MBL Networks, All Rights are Strictly Reserved.