I keep my promise and to share with you this awesome tips on how to add “Read More” for your blog.

Before I start, let me share with you why I like to put read more in my posts.

1. Increasing my blog loading speed. Besides setting my blog reading to 2 posts per page, this is useful to boost your blog speed as well.
2. Let my readers choose what post they would like to read. I can’t stand reading extremely long post and I know not everyone likes rubbish talk. Let them read if they want by clicking Read More. :)

Adding “Read More” is easy in Wordpress but not in Blogspot. I have followed many guides from different bloggers and I discovered this one really easy and it works. Are you ready for it? Let’s go on.

1. Go Layout-> Edit Html and search(CTRL+F) for </head> and add the code below before it.


<style>

<b:if cond=’data:blog.pageType == “item”‘>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

2. Expand Widget Templates and Replace the code below with <data:post.body/>

<div class=’post-body’>

<p><data:post.body/>

<b:if cond=’data:blog.pageType != “item”‘>

<a expr:href=’data:post.url’>(Read more inside ..)</a>

</b:if></p>

<div style=’clear: both;’/> <!– clear for photos floats –>

</div>

3. Go Settings then Formatting then Post Template

Add the below and save.

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

For every post you want to add Read More, simply put the rest of the post within the <span class=”fullpost”"></span> in Edit Html.