Update: Blogger.com already have this “read more” feature. Click here to read the detail.

Most of the Blogger users normally have 1 question, my articles too long, make the page need scroll down long way, can I put “read more” function on each my article?

The answer is Yes. Although Blogger don’t have this feature, but still can have this function. What you need is just put some codes into your template.

1) Go to Layout > Edit HTML. If you afraid get wrong, backup your template first. Click on “Download Full Template” to backup your template.

2) Under “Edit Template“, tick “Expand Widget Templates“.

3) Find <data:post.body/>

4) Put this code on top of the <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

5) Put the second code below the <data:post.body/>.

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more...</a>
</b:if>
</b:if>

How to add read more function in Blogger

6) And “Save Template“.

7) Go Setting > Formatting. Scroll down to “Post Template“. paste this code into the field box.

<span class="fullpost">
</span>

How to add read more function in Blogger

8)Save Setting

9) Go Posting > Create. Click on “Edit Html” view. You will see the code <span class="fullpost"></span> in the post area. Put the content you want to read after read more in between <span class="fullpost">The content start after read more.</span>

How to add read more function in Blogger

10) Publish the post to see the result.

Enjoy your blogging.