If you want to change the text or add an image for Newer Posts, Home or Older Posts links placed on the bottom of your Blogger Blog you are in the right place...
Let' s start:
- Of course Log in to your blogger account...
-Layout > Edit HTML
-On BACKUP/RESTORE TEMPLATE section, click on DOWNLOAD FULL TEMPLATE so if you mistake something there will be no problems for restore your original Template
-Go to EDIT TEMPLATE section and select EXPAND WIDGET TEMPLATES
-Now search for this (Ctrl+F):
<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>
- I selected in red the strings that we have to substitute with the text that we would like to appear... do like this:
<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'>INSERT YOUR TEXT FOR NEWER POSTS LINK</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'>INSERT YOUR TEXT FOR OLDER POSTS LINK</a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link'
expr:href='data:blog.homepageUrl'>INSERT YOUR TEXT FOR HOME LINK</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link'
expr:href='data:blog.homepageUrl'>RETYPE HERE THE SAME TEXT FOR HOME LINK</a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<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'>INSERT YOUR TEXT FOR NEWER POSTS LINK</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'>INSERT YOUR TEXT FOR OLDER POSTS LINK</a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link'
expr:href='data:blog.homepageUrl'>INSERT YOUR TEXT FOR HOME LINK</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link'
expr:href='data:blog.homepageUrl'>RETYPE HERE THE SAME TEXT FOR HOME LINK</a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
- If you want to add an image instead of the text you just add this string in the same position of the text, in the same order that I just showed you, the string must contain the URL of the image that you want to insert, like this:
<img src='YOUR IMAGR URL' />
- Click on SAVE TEMPLATE.... and that' s it!
Game over
Player1
Game over
Player1