How to Replace Newer, Older & Home Navigation Links with Image Buttons

HOW TO REPLACE NEWER, OLDER & HOME NAVIGATION LINKS WITH IMAGE BUTTONS?

Important!!! Back Up your Template before Making any changes in Template.

1. Go to Blogger Dashboard -> Design tab -> Edit HTML tab
2. Click on  Expand Template Widgets checkbox

REPLACING THE OLDER LINK

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

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii9PdqItieuaSOHlbkeEzkHQSFI3KXWuSlPquDYYEWbPNPDZYNZawqsJYRW5PSWMucqgoNgn4hxW_OCvrEQJp-uImnfKSKrMsuzTAvNcyAWKgyzFM9Uz-RpnwQ1wAd_cbIOIdFuAsGxZKs/s1600/w2b_next.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/AVvXsEjagsbrzAJkeH-7vfWFEisxWJdqhsbFXvY9RQ63ktHAsS2ck5ocJJoqPAmr095ZtQ3RL6_I-i6htbI0cq4pGekbAnI3dDEqyGFRWQ2rIP4PL8obu7C9iO4RjYPdRqJrOom6SH9tZBO-yTM0/s1600/w2b_prev.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/AVvXsEjGv9vioRs4l7lHdQnW0sNHSArVY1ULHtJDY3UnheKHlY1ZV78jLssr77mDSv5XP23HXCAs95b4i22vHNCDAcbwdsxYZ5o8GVcMqfO0-aanURaeIthchyphenhyphenCGIcD93bQwha2gpeHJZp65iei6/s1600/w2b_home.png' style='border: 0 none;vertical-align: middle;'/>

You can change your own icons by replacing the image Url in the above three codes...