When you sign up for a new blogger, the headache is about many things that make your blog non-professional with its default look. But we should feel pride as the blogger (Blogspot) always allow you to give it a customized look that can suit your blog. Today we will talk about Newer Post and Older Post links that appear on the bottom of every posts. When a visitor clicks on one of these links, they will take him to the page with the list of your previous posts. The number of the posts on these pages will be the same as the number of the posts on your main page. This widget is called the Post Navigation
Pay Attention: Fix BlogSpot From Being Redirecting to Country-Specific Domain
Replacing the Older Post and Newer Post links in Blogger
- Log in to your Blogger Dashboard > Template > Edit HTML and expand the widget template
- Click anywhere inside the template editor and press CTRL + F keys (keep pressing Enter key until you find the following code).
- And finally, click Save theme.
<b:if cond='data:newerPageUrl'> <span id='blog-pager-newer- link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId "_blog-pager-newer-link"' expr:title='data:newerPageTitle'> <data:newerPageTitle/>gt;/a> </span> </b:if>
<b:if cond='data:olderPageUrl'> <span id='blog-pager-older- link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId "_blog-pager-older-link"' expr:title='data:olderPageTitle'> <data:olderPageTitle/></a> </span> </b:if>
Or find in this code the following fragments which corresponds to each page links
<data:newerPageTitle/>
Represents Newer Posts link
<data:olderPageTitle/>
Represents Older Posts link
How to Change the Text on Newer Posts and Older Posts?
You need to REPLACE following parts in original code with ANY TEXT you like.
For example: <data:newerPageTitle/> is defaul code of Newer Post you can simply change this into Next Post like:
<data:PolderageTitle/> to <data:nextPageTitle/>
Speak Your Mind