Replace Older, Newer As Well As Dwelling Family Blogger Links Alongside An Icon Or Text
Newer Post, Home together with Older Post are links that seem on the bottom of the posts. When a visitor click on 1 of these links, they volition stimulate got him to the page amongst the listing of your previous posts.
The release of the posts on these pages volition hold upwards the same equally the release of the posts on your top dog page.
What nosotros tin do:
A. Change the text of Newer, Older, Home links
B. Place a motion painting beside them (a minor icon, arrow, or whatever...)
C. Add an paradigm instead of the links
So let's start customizing them...
1. Log inward to your Blogger Dashboard, larn to Template > Edit HTML
2. Click anywhere within the code expanse together with discovery - using CTRL + F keys - the next code:
Now alter these fragments of codes equally it follows:
You require to REPLACE next parts inward master copy code amongst ANY TEXT you lot like:
Add the below code only at the commencement of each of the colored fragments of codes from stride 2.
<img src="URL Address"/>
So it should await similar this:
You tin identify whatever form of motion painting you lot desire All you lot stimulate got to create is role this code for the pic:
...and inward code, REPLACE the master copy link code for text amongst motion painting code
3. That's it! Preview together with Save the Template.
The release of the posts on these pages volition hold upwards the same equally the release of the posts on your top dog page.
What nosotros tin do:
A. Change the text of Newer, Older, Home links
B. Place a motion painting beside them (a minor icon, arrow, or whatever...)
C. Add an paradigm instead of the links
So let's start customizing them...
1. Log inward to your Blogger Dashboard, larn to Template > Edit HTML
2. Click anywhere within the code expanse together with discovery - using CTRL + F keys - the next code:
<b:if cond='data:newerPageUrl'>Or discovery inward this code the next fragments which corresponds to each page links
<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>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
- <data:newerPageTitle/> represents Newer Posts link
- <data:olderPageTitle/> represents Older Posts link
- <data:homeMsg/> represents Home link
Now alter these fragments of codes equally it follows:
A. Change the text of Newer Posts, Older Posts together with Home Links
You require to REPLACE next parts inward master copy code amongst ANY TEXT you lot like:
- replace <data:newerPageTitle/> with, for illustration NEXT POST
- replace <data:olderPageTitle/> with, for illustration PREVIOUS POST
- replace <data:homeMsg/> (only the foremost one) with, for illustration HOMEPAGE
B. Place a motion painting beside Newer Posts, Older Posts together with Home links
Add the below code only at the commencement of each of the colored fragments of codes from stride 2.
<img src="URL Address"/>
So it should await similar this:
<img src="URL Address"/><data:newerPageTitle/>Note: Replace URL Address text amongst the url address of the paradigm you lot desire to appear
C. Replace Older Posts, Newer Posts together with Home links amongst an image/picture
You tin identify whatever form of motion painting you lot desire All you lot stimulate got to create is role this code for the pic:
<img src="URL ADDRESS"/>...just supersede URL ADDRESS, amongst the URL of your hosted picture
...and inward code, REPLACE the master copy link code for text amongst motion painting code
- replace <data:newerPageTitle/> amongst the pic for newer (next) posts
- replace <data:olderPageTitle/> amongst the pic for older (previous) posts
- replace <data:homeMsg/> (only the foremost one) amongst the pic for homepage
Screenshot
3. That's it! Preview together with Save the Template.