How To Create Excerpts Or Short Summaries For The Posts in Blogger

Written by Pramodh KP

July 18th, 2009 at 11:25 pm

Posted in Featured,Internet,Misc,Tools & Tutorials

Revealing all the details of your posts in the homepage itself is really boring. This is because it makes the homepage very lengthy and also will not look attractive. So, in order to make your blog more attractive and also make your homepage short and sweet, you have to use excerpts to your posts. This also sometimes increases the page rank because of the number of links that increase. That is why you often see that the homepage of a blog has higher page rank than other pages of the blog.

You can add excerpts to the blog in the following way:

First add the following piece to your blogger stylesheet in the layout options.( Note that style-sheet means the portion between <style> and </style> tags.)  This piece of code is for people using classic blogger template.

<MainOrArchivePage>
   span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
   span.fullpost {display:inline;}
</ItemPage>

If you are using other than the blogger classic template from a third party, then use this code:

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

(Make sure that you backup your template before manipulating through them.)

What we did here was, we told the template to create a span class “fullpost” i.e., to have a option called full post which appears only on post pages.

After you have done the above steps, you have to check the expand widget template option.

tm post template 2

Now we are creating Read More Links for every post.

For classic templates:

Search for “<data:post.body/>” tag in your template file and below that copy the following code.

<MainOrArchivePage><br />
   <a href="<$BlogItemPermalinkURL$>">Read more!</a>
</MainOrArchivePage>

For other templates, copy the following code into your stylesheet after the tag “<data:.post.body/>”

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

After this save your template. Your work with the template is done. Now while writing the posts add the following tags

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

The syntax for the above code is something like this:

Here is the beginning of my post. <span>And here is the rest of it.</span>

Or, instead fo typing the above code everytime in the post, save it in the “post template”. (This is present in

“settings>formatting”)

tm post template

That’s it. The job is done. You can now see that there are excerpts or summaries created in your homepage. Enjoy!! :)

Via Blogger Help

Blog Widget by LinkWithin

Tags: , , , , , ,

  • http://apoyoahonduras.blogspot.com Marie

    I want to thank you for sharing these instructions, but I have to say they’re not working for me. The new posts remain the same, and my older posts now have at the top: span.fullpost {display:none;}

    Would you be so kind and tell me what I did wrong? How can I fix this?

    Any advice will be greatly appreciated.

  • http://www.techmonk.com/ admin

    The tag should be inserted in the “Edit HTML” in your blog editor. Now where you type the normal text. And see to it that you have entered the tag correctly. You must also end it with . Otherwise it wont work… You have to do this to every old post that you had manually…

  • Louie Gee

    This doesn’t work for me either. It still shows the entire post on the homepage. What could be wrong?

  • Louie Gee

    Because this hasn’t worked, I reloaded my original template but the words ‘Read more!’ are still on every post, even though I’ve deleted everything in the post template section as well. ?????

  • http://www.techmonk.com/ admin

    @Louie Gee: The style sheet in the blogger means you have to put the first piece of code between style and /style tags… not somewhere else. Make sure you have done this… It should work now…. But whatever you do keep a backup of it…. Sorry I did not mention this in the post… Will update it…

  • Jean

    I did it! Every post on the home page is now summarized^^
    However, I now have another problem. I have added some pages to my blog, such as ‘Contact Me’, ‘About This Blog’, etc. And the problem is, at the bottom of each of these pages, the ‘Click here to read more’ also appears! How can I remove these? Thanks in advance…

  • http://lacasserolecarree.blogspot.com Vibi

    Is it possible to display one full post (most recent), followed by a few excerpts, on home page?

  • Winnie

    Hi,
    I’ve tried on my blog
    the word read came out after the full post.
    I already put in after the and before
    what went wrong? Please help :)

  • http://www.techmonk.com/ Pramodh KP

    I can’t understand your comment, as the HTML code, is not visible. Please use this to paste code: http://pastebin.com/

Extension Factory Builder