Thursday, August 20, 2009

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

Comments :

3 comments to “Make Readmore on Blogger Post”

read more is very useful
we will have so many summary of posts with this feature

newbie said...
on 

salam riend
thank info
I will try ,,make readmore in the post my blog,

NURA said...
on 

Yes.. page rank is mistery for all blogger..

Technology and Computers said...
on 
     Please write your comments in English. Thanks