how to change Newers Posts, Older Posts and Home for Blogger?

3:43 PM

Hello,everyone today Komar Tep want to tell youhow to change Newers Posts, Older Posts and Home for Blogger ? Newer Post, Home and Older Post are links that appear on the bottom of the posts. When a visitor click on oneof 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

1. Log in to Blogger
2. Go to Layout -> Edit HTML -> Click on "Expand Widget Templates"
3. Now search (CTRL+F) for this code in the template code:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<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/></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>

<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>

</div>
<div class='clear'/>
</b:includable>

Now carefully replace the colored code regions with your own custom image icons.
The first red colored code is for "Newer Posts" link.
The second red colored code is for "Older Posts" link.
The blue colored codes are for "Home" link.