Make Readmore on Blogger Post

You make a blogger post, but this post is so long that you think it will be better if you can just put the first two paragraphs only, and whoever want to read it more can click through "Read More" link. The solution is to make what we call "Read More".

Actually there are lots of "Making Readmore Tutorial" on the web, but in case you guys don't find it, I'll post it here.

The process is quite simple. First login to blogger.com. Click "layout" and then "edit html". Mark the "expand widget templates" box. What you need to do here is put the code I give before the </head> tag or right after } ]]></b:skin> The code you have to put is :

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

After that you need to find <p><data:post.body/></p> and put this code right after it :

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

Don't forget to save the widget template after that.

To cut your post, you need to put :<span class="fullpost"> at the place you want to cut your post and </span&gt; at the end of the post. For example, if you write it like this :

This is just an example, the post will be cut after this<span class="fullpost"> and this part of the post will be replaced by a "Read More.."</span>

the result of that post will be like this :

This is just an example, the post will be cut after this Read More..

That's it, hope this tutorial can help you make over your blog. See you in the next tutorial