How To Add "Read More" Feature To Blogger Post? 0

1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:

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

4.Replace above code with below code.

<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/> <a expr:href='data:post.url'><strong>Read more...</strong></a></p> </b:if>

5.Click on "Save Templates"6.Now go to Setting-->formatting-->Post Template.
7.Fill that "Post Template" blank text area with below code :

<span class="fullpost"> </span>

Look at the picture below.

8.Click on "Save settings"
9.When you post your article, choose "Edit Html" tab. and you will see the code below :

<span class="fullpost"> </span>

Look at this image.


10.Place the paragraps you want show with read more, above of below line.

<span class="fullpost">

11.Place the rest of the post (you want to hide) between below 2 lines.

<span class="fullpost"> </span>

Look at the image below.

12.Then Publish your post.You are done.
Note :If you want to add this feature to your old posts ,do the 9-12 steps to each posts.