How to replace older and newer posts links with post titles in blogger blog?

You might have seen the Older Post and Newer Post links displayed below the posts in the blogger blog. These links can also be made to display with the actual post titles. 

               All that you need to do is to put the simple code displayed below in your blog to replace with actual post titles.

          It gets displayed as present in this blog.

var olderLink = $("a.blog-pager-older-link").attr("href");

$("a.blog-pager-older-link").load(olderLink+" h3:first", function() {

var olderLinkTitle = $("a.blog-pager-older-link:first").text();

$("a.blog-pager-older-link").text(olderLinkTitle);

});

var newerLink = $("a.blog-pager-newer-link").attr("href");

$("a.blog-pager-newer-link").load(newerLink+" h3:first", function() {

var newerLinkTitle = $("a.blog-pager-newer-link:first").text();

$("a.blog-pager-newer-link").text(newerLinkTitle);

});

Follow the simple steps below to the code in blogger blog.

1. To add the above code, go to the Dashboard of your blogger blog
2. Open the Layout section.
3. Now click on Add a Gadget
4. It displays large number of gadgets, click on the gadget named HTML/JavaScript.
5. Under the content section, place the above code and save it.

Now your website is ready to display with actual post titles.