How to change Older Post and Newer Post link with Text?

Changing Older Post and Newer Post with Next and Previous

Follow the steps below:

  1. Log in to blogger with your ID
  2. Click Layout
  3. Click Edit HTML tab
  4. Click “Download Full Template”, please back up first your template (important)
  5. Please check the small box beside Expand Widget Template

    expand

  6. Wait for a while until the process finished
  7. Find the following code on your template:

<span id=’blog-pager-newer-link’>
<a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + &quot;_blog-pager-newer-link&quot;’ expr:title=’data:newerPageTitle’><data:newerPageTitle/></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 + &quot;_blog-pager-older-link&quot;’ expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond=’data:blog.homepageUrl != data:blog.url’>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
<b:else/>
<b:if cond=’data:newerPageUrl’>
<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
</b:if>
</b:if>

9. Look at the code in red printed.
10. Change the code <data:newerPageTitle/> with the word Next and the code <data:olderPageTitle/> with the word Previous
11. Click Save Template button
12. Finished

If you want to change it with icon Click here for my other tutorial.

No comments yet.

Leave a Reply

CommentLuv Enabled