Include Read MOre Links In Blogger Posts | How To Write expandable Blogger Posts - Learn Latest Computer And Mobile Hacking Tricks

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.