how to make read more link from your xml or the new style blogger template

sometimes we found difficulties when the blog homepage shows all the post in one page and it's really sucks..
fortunately we can use read more link to shorten your blog post in your homepage.... this is the tutorial..

First Method :

1. open template -> Edit HTML -> then give a mark on "expand widget tempate"
2. put this code below above the code </head>

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

3. then put the code below after <p><data:post.body/></p>

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

4. and then click SAVE
5. the next step, click Settings --> format ,. then put this code on TEMPLATE POSTING

<span class="fullpost">

</span>

Second Method

1. open template -> Edit HTML -> then give a mark on "expand widget tempate"
2. find this code on your template(ctrl+f)

<div class='post-header-line-1'/>
<div class='post-body'>

3. after that, put this code below under the html code above

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

4. under the html code above, there is code like this:

<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>

5. under <p><data:post.body/></p> ,. put the code below:

<a expr:href='data:post.url'>Read More .. </a>
</b:if>

6. so the code will be like this:

<div class='post-header-line-1'/><div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>

</b:if>

<div style='clear: both;'/> 

</div>

7. click SAVE

8. now do as the same like in the 5th step in the first method.

How to make it work??

when we are posting, there will be automatically written code <span class="fullpost">
</span> on the textfield when we click "Edit Html" session,. don't choose compose, cuz the code will be disappear,.
to start using it u must place the code <span class="fullpost"> after the paragraph that u want to show in the homepage, i suggest after the first paragraph. then place the code </span> at the end of your post..

ok, you can try that....... :D

taken from http://afatih.wordpress.com/2007/10/26/cara-buat-read-more-di-blogger-baru/