How To Replace Read More Anchor Text With Post Title For Blogger Post

Find out how to replace the anchor text "Read More" of your Blogger blog post to the name of your post title.

 

You can use the new post editor to help you to add the hypertext "Read More", or you can manually add the code: <!-- more --> where you want to position the jump break. 

Instead of just using the hypertext "Read More", you can replace it with your post title. 

 

Here is how you do it:

1. First, go over to your Blogger Dashboard. 

 

2. Click on "Theme" on the left side of the page. 

 

3. Then click on the small white reverse triangle symbol next to the "CUSTOMIZE" button in the middle of the page.

 

4.  Click on "Edit HTML". 

 

5.  A box appears with your blog HTML code.

6. Now look for this section of code:

<b:if cond='data:post.hasJumpLink'>

      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
7.  Delete the above code and replace it with this code instead:

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

8. For safety measure, click "Preview" to view the changes, before you click " SAVE" (diskette icon) on the top right hand corner of the code.  

 

That's is how you can replace the "Read More" hypertext to the name of the blog post.