How to add Read more widget to blogger?

Alright, now we are going to add read more widget to our blogger blog. Again, there are several trick to do this one just search and use what you like. I'm gonna show you how to add the read more widget according to what i did to my blog. I find this useful article here. Now Step By Step To Add read more widget :

1. Login to your blog >> Layout >> Edit HTML >> Expand widget Template

2. Find this code below in your template.
</head>

3. add this code before it.

4. find code below and add the portion of red code into it.
<div class='post-body' expr:id='"post-" + data:post.id'>

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

<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

5. Save It.

6. Goto Settings >> Formatting >> Post Template and add code below to the for
Type your summary here
<span id="fullpost">
Type rest of the post here
</span>
And save it again.

7. Now everytime you make a post it shows you clearly where to type the summary and where to add the rest of the post.

Happy Blogging.

Spread this article to the world