How To Add "Read More" Feature To Blogger Post

Posted by Lasantha Bandara on May 3rd, 2009 File Under : background, html, post2 Comments

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.

File Under : background, html, post

Related Posts

2 Responses to “How To Add "Read More" Feature To Blogger Post”

  1. संदीप says:

    Hi, it's very useful post, thank a lot, I was looking for this option for a long time to add in my blogger blog.

    I tried as per your intructions. but it's not working as all, I can send you the template's coding if you can check and help in this.

  2. SDotNorthLdnReppin says:

    Helpfull, Thanks!

Leave a Reply