How to Create a Read More Link to Your Blog Posts in Blogger

I’ve always wondered how I can organize my posts better in my blog as blogger doesn’t have the “read more” feature.

Picture 2

Luckily, there is a solution & lots of tutorials that can be found on the net. I stumbled upon eBlogTemplates.com & followed the steps there.

Here are what I did to make it work:

  1. Go to your Blogger Dashboard & Click Layout then edit HTML.
    Picture 1

  2. Tick the “Expand Widget Templates”
    Picture 4
  3. Type Ctrl-F and find this code Picture 5
  4. Insert this before the code
    Picture 1
     
  5. & insert this after the code
    Picture 2

    It will look like this:

    Picture 3

  6. Save your template :) You’re done with the script.
  7. Still at your blogger dashboard. Click Settings then Formatting
    Picture 4
  8. Scroll down & add the code as shown in the “Post Template”

    Picture 5

  9. To see how it works, let’s create a new blog post. Once you complete composing your post, click edit HTML. Put the Picture 6 below your teaser text (the ones you want your readers to see on your front page) and ofcourse put the closing tag Picture 7after your whole post.

    Picture 8

This worked for me. But one thing to note is for the blog posts that are already existing in your blog, you will need to add the span tags one by one to edit them as well.

PicPanda.com


Share Button
  • http://www.blogger.com/profile/13224372845391209227 Candy

    I love the "Read More" feature because it helps clean up a blog tremendously. This tutorial from Blogger Buster gives you two easy methods which will create post summaries for even your old entries.

  • http://rochellesychua.com Roch

    yep, now I have to undo it though coz blogger already have this feature built-in :)