Blog 101 - How to Add Post Titles to Read More Links in Blogger {Tutorial}

Blogger's Jump Link feature makes it possible to show a short summary of each blog post on the home page. It normally reads something like, "Read more," "Keep reading," or something like that. You can select this option from Blogger Dashboard > Layout > Blog Posts (Edit) > Post page link text. You can customize it to say any of the above mentioned or anything else you desire. However, if you prefer it to include the post title afterwards, follow along with this simple tutorial. 


Installation:
1. From your Blogger Dashboard > Template > Edit HTML and check the box for Expand Widget Templates. 


2. Search for the following 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>


3. Replace with the following:


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


4. Preview your change and if everything looks good, click save.


I hope you enjoy this feature and let me know in the comments section if you have any requests for other blogger features you've seen around and I will do my absolute best to get you an awesome tutorial! :D

Hope you're having an awesome day!