Transform Newer and Older Post with Post Title

In the bottom of the blog post is usually no link "Newer Post", "Home", and "Older Posts" as an internal navigation for easy user opens the previous or next post.

Let we create more users friendly and SEO friendly, anchor text in those links can be converted into a post title so it provides clarity on the topic of the post before / after, also more search engine friendly because it is a post title that contains the keyword.

Replacing Link Next Post Home, Previous Post with the Post title:

Go to your Dashboard on Blogger

Click on >> Template

Click on >> Edit HTML

Search for </b:skin>

Paste below CSS code after </b:skin> tag and save template.

<style type = "text / css ">
a.home-link {display: none} # blog-pager-newer-link {font-size: 85%; width: 280px; text-align: left;} # blog-pager-older-link {font -size: 85%; width: 280px; text-align: right;} </ style>

Now search </body> tag and paste below code above  </body> tag.

<Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"> </ script><script type = "text / javascript"> $ (document) .ready (function () {var newerLink = $ ("a. blog-pager-newer-link "). attr (" href "); $ (" a.blog-pager-newer-link "). load (newerLink +" .post-title: first ", function () {var newerLinkTitle = $ ("a.blog-pager-newer-link"). text (); $ ("a.blog-pager-newer-link"). text ("<<" + newerLinkTitle);}); var olderLink = $ ("a.blog-pager-older-link"). attr ("href"); $ ("a.blog-pager-older-link"). load (olderLink + ".post-title: first", function () {var olderLinkTitle = $ ("a.blog-pager-older-link"). text (); $ ("a.blog-pager-older-link"). text (olderLinkTitle + ">>") ; // rgt});});
</ Script>

Now the older writing post, home, and newer post has trans into a post title of the post.