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>

6) And “Save Template“.

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

<span class=”fullpost”>
</span>

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>

10) Publish the post to see the result.

If some article you don’t need read more, just delete the code <span class=”fullpost”></span> in the post area.

Enjoy your blogging.

Related Posts

• Free Blog Editor Tools - Post Article to Multiple Blogs
• How to Remove Blogger Navbar
• How to backup Wordpress Blog?
• How to install WordPress Plugin?
• 3 steps to increase your website traffic