Change Older Posts Newer Posts to Image Button in Blogger

Blogger templates are not well optimized according to blog awesome and professional design. In Blogger Newer Post, Home and Older Post are links that appear on the bottom of the every post. When a visitor clicks on that links, they will take him to the page with the list of your previous posts or next post or home page. Today tutorial is all about How to change newer post, older posts and home links to image button.

How to Change Older Posts Newer Posts to Image Button in Blogger

Replacing the Older Link

Search for <data:olderPageTitle/> and replace with below code the Older Link

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_pa_W7jU7QAm6ZsQ5T3NgeM-K8uUNwqgNbcxc_GcSdgJfmCrnX9vFzUYKr7zf7m8hf__2U240UvPgLadpVii3pEFjX42vze96k8rOWLk8-HuwiSrF2SN9dSUXc-GErQ3qRSVg324MrWQ/s1600/arrow+r.png' style='border: 0 none;vertical-align: middle;'/>

Replacing the Newer Link

Search for <data:newerPageTitle/>  tag and replace with below code 

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK71DBbeKHpuWASUddgVu8aKbEc_XyTj4XI-4Hxf1DSP33tL46xwslp6_CBe4EVpU_qTeRA-oaFhekpGN5QURnwaUMm3zUreE8glpQ_mpLGzrmHMPI5HxI2hz7o5TfAqtjusLRORjF7iQ/s1600/arrow+l.png ' style='border: 0 none;vertical-align: middle;'/>

Replacing the Home Link

Search for <data:homeMsg/> tag and replace with below code

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg012o1LpwWyJIDDb2287RhtpIVHYYkCz3huaF474Qhm4fWchIVWBxWIt0ivavAqUWz09QhBRSbWtVRI7UpX0u7JUG6m2YBuCAs4eGDZBR5EZVMHV1fAvWfngHAKMyl4XBeeXFlOmeWFO8/s1600/Home.png' style='border: 0 none;vertical-align: middle;'/>

 Save the Template and You'rre Done