Create Read More 0n The Blog Post 0n New Blogger

May be there are some people don't know how to create read more on the blog post on new Blogger.On this page, I will share tips about how to create read more on the blog post on new Blogger.There are two methods to do as listed below:
- The first method:
1. Log in to Blogger with your account .
2. On the dashboard menu select template tab.
3. On the template menu select edit HTML.
4. On the edit HTML tick the check box for Expand Widget Templates.
5. Then scroll-down and search for the </head> tags, then copy-paste the code below before that </head> tags :

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

6. Then scroll down again and search for the <data:post.body/> tags like this:

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>

7. After that,copy-paste the code below after the <data:post.body/> tags:

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

8. Click Save.
9. And each time you make a post make sure in the edit HTML mode not in compose mode,then you add the code <span class="fullpost"> and </span> between the rest of post that you want to marked as read more like this:

<span class="fullpost">
the rest of post
</span>

- The second method
1. Repeat the steps 1-4 on the first method above.
2. On the edit HTML scroll down and directly search for the <data:post.body/> tags like this:

<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <! - clear for photos floats ->
</ div>

3. If you find it, then replace the <data:post.body/> tags with the code below:

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

4. Save the results.
5. On the dashboard menu select Settings tab then on the Settings menu select the Formatting tab.
6. On the box Post Template fill the following code:

<span class="fullpost">

</span>

And save.
7.Each time you make a post make sure in the edit HTML mode not compose mode, the above code automatically appears in the edit HTML mode,so you can placing the code <span class="fullpost"> and </span> between the rest of post that you want to marked as read more like this:

<span class="fullpost">
the rest of post
</span>