Table of Contents
How to Replace Newer Older text link with post title i have shared a post how to replace newer older home text with and image but i receive many massage from my readers to publish this post Replace Newer Older text link with post title in our blogspot blog after post we see “Newer post” and “older post” link to navigate between nest post and previous post they are part of your blog which help readers navigate between the page and post because newer older post link can not talk your visitor what are coming up next so add this widget to your blog which will be change your blog Older Newer link with your post title so your visitor can see more description of your site and you can get more page views
Replace Older Newer Link with Post Title
To replace your blog older newer link with post title follow these steps
- Go Blogger Dashboard
- Click on the Layout
- Click on Add Gadget
- Select HTML/JavaScript
- Copy the below code and past it
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”></script>
<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>
Now click on the save widget after doing all steps your template not longer to show “Older Post” ‘Newer post’ any more now it will show next and previous post title
Related Articles
