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 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.