You must have noticed this on any WordPress blog pager. That shows the titles of the respective older and newer post instead of showing older post and newer post in blogger. In blogger, you have less pageview only because of post pager. Such post pager doest not let the audience know about the title of the next and previous post until they go through the link.



If you already have called the blue scrpit in your template, you don't need that line.
Now save and Drag that widget just below "Blog Posts "

Ok whoops, that's all.
It seems that you're looking for more.
Ok i have more informative articles for you.
(How to change color of the scroll bar in blogger?)
(How to add social sharing button in blogger posts?)
(How to approve adsense on a tumblr blog?)
(How to use Smileys/emoticons in comments?)
(List/Grid View switcher for blogger)

Replacing Older and newer post from the pager ensures maximum exposure of the content on the feed page as well.
What to do before replacing Older and Newer posts with titles?
Before switching to post titles instead of those weird links, make sure titles do not exceed a specific limit of characters.
You will have to make sure that the titles are perfectly planned and compelling. As far as possible use CTAs (Call to actions) in the titles for better results.
How to Replace?
As we are doing for a long time, Goto Blogger Layout and click ADD A GADGET anywhere.
Chose HTML/JAVA script there and paste below code snippet there in the text box.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.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>
If you already have called the blue scrpit in your template, you don't need that line.
Now save and Drag that widget just below "Blog Posts "

Ok whoops, that's all.
It seems that you're looking for more.
Ok i have more informative articles for you.
(How to change color of the scroll bar in blogger?)
(How to add social sharing button in blogger posts?)
(How to approve adsense on a tumblr blog?)
(How to use Smileys/emoticons in comments?)
(List/Grid View switcher for blogger)
EmoticonEmoticon