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.
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
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>
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.
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.
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.
Step 5 : Save the arrangement and you are done !
I hope this tutorial helped you to replace older-newer post with blog titles.
Step 5 : Save the arrangement and you are done !
I hope this tutorial helped you to replace older-newer post with blog titles.
