How to Replace Older/Newer Post buttons with Post Titles in Blogger

Follow these steps...

1. Sign in to your Blogger blog.

2. Go to Template >> Edit HTML >> search for jquery.min.js. (Note: If you are using any jquery.min.js file on your template. If you are not using any jquery.min.js file on your template then search for </head> tag.)

3. After finding </head> tag, paste the following code above it.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

4. Now, you need to click on Layout from the sidebar and then select Add a Gadget. 
5. From the list of gadgets search for HTML/JavaScript and select it. 

6. Now you need to paste the following code in the HTML Text box.

<style type="text/css">#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}</style>
<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>

7. Click on Save button.
Congrats! You are done now. Now older and newer post links will be replaced with your post titles. 
We are sure it is very simple and easy. If you have any queries to ask then give them in the comment box. We shall get back to you as soon as possible.