How To Add Read More On Blogger

Posted on the April 14th, 2009 under Tips, tutorials by admin

I keep my promise and to share with you this awesome tips on how to add “Read More” for your blog.

Before I start, let me share with you why I like to put read more in my posts.

1. Increasing my blog loading speed. Besides setting my blog reading to 2 posts per page, this is useful to boost your blog speed as well.
2. Let my readers choose what post they would like to read. I can’t stand reading extremely long post and I know not everyone likes rubbish talk. Let them read if they want by clicking Read More. :)

Adding “Read More” is easy in Wordpress but not in Blogspot. I have followed many guides from different bloggers and I discovered this one really easy and it works. Are you ready for it? Let’s go on.

1. Go Layout-> Edit Html and search(CTRL+F) for </head> and add the code below before it.


<style>

<b:if cond=’data:blog.pageType == “item”‘>

span.fullpost {display:inline;}

<b:else/>

span.fullpost {display:none;}

</b:if>

</style>

2. Expand Widget Templates and Replace the code below with <data:post.body/>

<div class=’post-body’>

<p><data:post.body/>

<b:if cond=’data:blog.pageType != “item”‘>

<a expr:href=’data:post.url’>(Read more inside ..)</a>

</b:if></p>

<div style=’clear: both;’/> <!– clear for photos floats –>

</div>

3. Go Settings then Formatting then Post Template

Add the below and save.

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

For every post you want to add Read More, simply put the rest of the post within the <span class=”fullpost”"></span> in Edit Html.

23 Responses to 'How To Add Read More On Blogger'

  1. April 14, 2009 at 11:23 pm
    maRCus
  2. April 15, 2009 at 12:35 am
    kenwooi.com
  3. April 15, 2009 at 6:54 am
    Cashmere
  4. April 15, 2009 at 12:00 pm
    vialentino
  5. April 16, 2009 at 9:47 pm
    CWKen
  6. April 16, 2009 at 9:49 pm
    WayeYoung
  7. April 16, 2009 at 10:37 pm
    fimey
  8. April 17, 2009 at 11:14 pm
    Hemsem Ahmike
  9. April 18, 2009 at 10:49 pm
    lisa717
  10. April 29, 2009 at 10:27 pm
    kitten
  11. May 1, 2009 at 12:24 pm
    skan
  12. May 8, 2009 at 1:03 am
    K a R E N
  13. July 12, 2009 at 6:40 pm
    N.A.T.
  14. August 16, 2009 at 5:00 pm
    Kaspersky key
  15. August 19, 2009 at 8:53 pm
    Biti
  16. October 22, 2009 at 1:40 am
    miersun
  17. October 29, 2009 at 8:12 pm
    Anonymous
  18. November 29, 2009 at 5:18 pm
    vijay
  19. December 10, 2009 at 5:03 am
    ADMIN
  20. January 19, 2010 at 5:06 pm
    Free Kaspersky keys
  21. January 26, 2010 at 12:42 pm
    bwendz
  22. February 26, 2010 at 11:25 pm
    finance personal software
  23. February 27, 2010 at 2:24 pm
    accountmoney

Leave a Reply




XHTML::
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>