Adding Post Titles To Read More Links In Your Blogger/Blogspot Blog's

In our blogger Home page we all add Read More links after a short summary of post instead of showing full posts, because the summary with thumbnail gives a good look to our Homepage.And after that summary  reader sees a link named "Read More" or "Continue Reading" for reading full article.This feature enables us to display summaries of our blog posts on the homepage of our blogs.

We are able to configure the text displayed for the jump link (which links to the posts item page) by editing in the page elements from Design > page elements.However i come up with a hack through which you are able to add Post title beside the jump-link text to clarify the title of the posts which links.

However you are not able to understand what i am saying so its better to see a live demo of my this hack through which you are able to know how this hack works and looks.By the way our this hack will help your blog in SEO which this your blog will become more Search Engine Friendly and your blog will be shown higher in search results.

For seeing a live demo of How to add post titles to read more links in your blogger/blogspot blog, click on the demo button below.

How To Add Post Titles To Read More Links In Blogger/Blogspot Blog

This is a very easy customization and the modified jump link with inherit any current style you have applied to this section.Here's how to add this feature in your blogger blog step by step.

Step1.) First Login to your blogger dashboard.

Step2.) Now Go to your Blog's Dashboard > Click On "Design" > Click On "Edit HTML".

Step3.) Now Check the "Expand Widget Templates".

Step4.) Find the following code in your blog's HTML (for finding code easily Press CTRL + F for search bar in your browser).

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

Step5.) Now replace the above code which you find in your blog 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>

Step6.) Now preview your template and check the changes you have made in your template, if the post title will be displayed after the read more link then Save your template.

The post title is now added in your Read more links and your blog becomes more seo friendly, i hope you find this post useful for customizing your blogger based blog/sites.Please feel free to leave a comment if you have any opinion and suggestions below.