How to customize next and previous post link

Today, I am going to walk you through how to customize next and previous post link. As we know, there are "Older Posts" and "Newer Posts" located in every blog which can make readers stay longer in your blog. But, is it attractive enough to draw visitors' attentions? I would recommend you change this. It won't take long to customize the next and previous links, so just follow the steps below:

1. Go to Layout >> Template >> Download the full template >> Click on Expand Widget Templates
2. Press Ctrl + F, and find this code:

<data:newerPageTitle/>

3. Replace it with: NEXT POST  or this code if you want to show an image:

<img src="YOUR--IMAGE--ADDRESS--HERE" />

We've added a NEW POST link, now we'll change the PREVIOUS link
4. Find this code:

<data:olderPageTitle/>

5. Replace it with PREVIOUS or this code:

<img src="YOUR--IMAGE--ADDRESS--HERE" />

Now we'll do the same for the HOME PAGE
6. Find this code: (note: there are two similar code, use the first one)

<data:homeMsg/>

7. Replace it with HOME PAGE or

<img src="YOUR--IMAGE--ADDRESS--HERE" />

I have these cool NEXT and PREVIOUS post link icons, you can use it also:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXl3XcygXW30SUL838IbfIC9zf1eFmDLqvi1IWWwXHXgzppl7KZhuF9LAClPcFSR_YG9lcCi5etOZPXMHBBYLDDVjzk4HhEz6CWhgR_q2toVmz5k4njfrxPRgGkviPOlBrxmOEJ-bd-idY/s1600/Next-page.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5FteC8o9h3nMMNT8PRRFFUTDoOZlAASsbl7krugw-yWbO9WgnzsjDzXzp0scrsUm4FGW7HOYpzwPbPd2S89Xc6p_KnU_G9hkJ3mzNCNoeCqk1jBqNeqWWy0MCu9rt4vf-lkCW9GYgockd/s1600/Previous-posts.png