Add Read more function to Blog

Blogger has supported Read more function -Read more" button that has function to cut off the article on homepage or known as "read morefunction".

It means, to cut off the long article on the homepage to be shorter, you only need to click the button " Jump break " and you do not need to be on the go to type the read more code from any hack.
However, it seems that this button only appears on the new post editor and in the mode "Compose", and does not appear in the mode "Edit HTML". Even though, you cans till use the “ read more function " at old post editor as well as in the mode “"Edit HTML" by typing manually the code:      <!-- more -->

If you use the original template from blogger, you can directly enjoy the feature and the result will appear the text “ Read more » “ like this:

If you do not use the original template from blogger, for instance, you download it from another site, the "Read more function" will still function very well. In other words, your articles will be cut off, but the words “Read more »" will not appear. For this case, you have to add the additional code to your template. The following are the steps:

  1. Please log in to Blogger with your ID
  2. Click Layout.
  3. Click Edit HTML tab
  4. Check the small box next to " Expand Widget Template "

  1. Find the code like:

    <div class='post-body entry-content'>
          <div style='clear: both;'/> <!-- clear for photos floats -->

  2. Copy and paste the code below exactly below the above code:

    <b:if cond='data:post.hasJumpLink'>
          <div class='jump-link'>
            <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>

    1. Click SAVE TEMPALTE button
    2. Done
    With that way, the words “Read more »" will appear although you don’t use the original template fromblo
    By default, the words to be displayed is “Read more »”, but you can change as you want. Here is the way:

    1. Please log in to blogger with your ID
    2. Click Layout.
    3. Click Page Elements tab
    4. Click "Edit" on "Blog posts" Element.

    5.After new window appears, change the words “Read more” with your own words.

    1. Click SAVE button
    2. Done

    -Thanks to blogspottutorial,forum.