Replacing Older and Newer links Text in Blogger

How to Replace the Older Post and Newer Post links in Blogger

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

  1. Log in to your Blogger Dashboard  > Template > Edit HTML and expand the widget template
  2. Click anywhere inside the template editor and press CTRLF keys (keep pressing Enter key until you find the following code).
  3. <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/>
  4. And finally, click Save theme.

Comments

Popular posts from this blog

List of Top 11 Social Bookmarking Sites for 2018

6 Digital Marketing Strategies for Small Business

How to Create Separate AMP Pages On Blogger [AMP Plugin]