How to Add Post Titles to Read More Links in Blogger

Read More Feature Helps Us to Enable the Whole Summaries of Posts on the Homepage.
We can configure the text displayed for the Jump Read More Link which Usually links to the Whole post's page by editing the Blog Posts gadget in Page Elements. However, We Can Also add the title of the post beside the Jump-Link text to clarify the title of the post to which it links.

This is a very easy customization and the modified Read more Jump-Link will Modify any current style you've applied to this section. Here's how to add this feature in a simple steps.


Step1: Go to Blogger < Template < Edit Html < Proceed
Step2:.Now Check Expand Widget Templates.


Step3: Now Find the Following Code in Your Template

<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>

Now Replace the Above Code With the Below 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/> <data:post.title /></a>
      </div>
    </b:if>

Preview Your Blog For change you've just made - if Everything Is Okay then, you should now see the title of your post displayed beside the text you've Written for your Jump-Link. Now You Can Save the Template and Go to Your Next Post.Enjoy!