Replace Older-Newer Post With Post Titles in Blogger

You have seen it many times on other blogs that after a post ends, there is another post link with the title of the that post. But in case of default templates in blogger you will see the link with the words “Older Posts” and “Newer Posts”. It gives you a big disadvantage because it affects your total page views.

replace older-newer post with post titles in blogger

When a visitors comes to your blog he may reads that post where he was landed and at the end if the reader will be provided with the next post with its title then it will give some information about the post, so there is little more chance that the reader will click on the link. But if there is written only older-newer post then the reader will dont want to waste the time by looking at it to know about that post.

So if you don’t want your blog to suffer this, then follow these simple steps and replace older-newer post with post titles in your blog

Replace Older-Newer Post with Post titles in Blogger

 Step 1 : Open your blogger dashboard. Now go to “Layout” and then click on “Add a Gadget” as shown in this picture.
Replace Older Newer post with title in blogger
Step 2 : When you click on”Add a Gadget”, a pop up window will appear. Then from the lists of widgets select HTML/Javacsript as shown in this picture.
how to replace older post and newer post link with post titles in blogger
Step 3 : Now copy and paste the code given below in that box and then save it.
             <script type=”text/javascript” src=’https://kdcode.googlecode.com/svn/trunk/older-newer%20post.js’></script>

<script type=”text/javascript”>
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);
});
</script>

Step 4 : Now drag that HTML/Javascript widget box and put it just below the Blog Posts as you can see in this picture.

how to replace older-newer post with post titles in blogger

Step 5 : Save the arrangement and you are done !

I hope this tutorial helped you to replace older-newer post with blog titles.

Add a Comment

Your email address will not be published. Required fields are marked *