Replace Older and Newer Post Link with Post Title Name in Blogger

Show next and privies page title name in place of older post and newer post. As you may have seen in wordpress, wordpress show Next and privies page title name in bottom of post for navigation for next and privies page. If you are blogger user you want to use this type navigation so don’t worry you can also use this type navigation. Replace older & newer post link name with next and Privies post title name it’s good to help your blog reader to tell which kind of next or privies’ page have.

How to Show Next & Previous Post Titles in place of older post & newer post

Follow below steps to Change older & newer post

1. Login to your blogger Account
2. Select your Blog.
3. Click Template (See Demo Image) 




4. After this Click to Edit HTML option.(See below demo image)




Note:- Always Before change in blogger template take template backup > How to get backup


5. Now Find “</head> ”Code By pressing Ctrl+F and insert the below code just above </head>.

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

6. Now Find “</body> ”Code By pressing Ctrl+F and insert the below code just above </body> .

<script type='text/javascript'> //<![CDATA[ $(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. Now save your template

Finally you have done it check your blog



---