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:
    <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 + &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>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
Or discovery inward this code the next fragments which corresponds to each page links
  • <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
     Home together with Older Post are links that seem on the bottom of the posts Replace Older, Newer And Home Blogger links amongst an paradigm or text

    3. That's it! Preview together with Save the Template.

    Popular posts from this blog

    Osweep - Don't Simply Search Osint, Sweep It

    Kerbrute - A Tool To Perform Kerberos Pre-Auth Bruteforcing

    Cameradar V2.1.0 - Hacks Its Mode Into Rtsp Videosurveillance Cameras