Create Navigation Link with cool image button

Views

In this article you will learn how to replace Navigation Link with cool image button. I think it's help you to make your blog more beautiful. The steps are given below.

#1 Steps : Go Template and click HTML editor. Then click Proceed button.   
#2 Steps : check Expand Widget ..... Now Find this code <data:olderpagetitle/>. Now replace this code and paste this code given below.

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNAZQyH5flFhk-g8ClUlZu5Adjlzuq0tA1xoAIrU3EiwKX20TbW2uGdMbpsZ55N_g2j4dHSkJ4a49gcREhSm6XOPYZcON4wEJMwrzVcUvi6WbvrchAuWK__K1q7r0bQ71Et04yc_5BItE/h80/n.PNG' style='border: 0 none;vertical-align: middle;'/>

#3 Steps : Now find this code <data:newerpagetitle/>  and change with below codes.

 <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNiAel86_67rp04UkHgRfj3kYdKqr8FmcKLizPwDSbLBUF5eXQT5SMh5iZsOVKxbq-5EY5zndatKJ8DyGjVz3fKQqD0hd2kwl5-u0y6mwyUeSq9Cpu5nfrDHNiGZyBl4B_lOqI6FoGmwA/h80/p.PNG' style='border: 0 none;vertical-align: middle;'/>

#4 Steps : again Find this code tag <data:homemsg/> and change with below codes.

 <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGS-OaI0KLfEaYsJkuf4mVVxi6vJG1XT6sCHDMOjEZjj_31WQG_mR8SrPYO334-4YofZ-LDilQyvp_cpiTWLqjHWzxF7duQClNjX3uAnwv1bFHa_fbQ_CqpesguTV0eePQtDxqAztqaIk/h80/h.PNG' style='border: 0 none;vertical-align: middle;'/>

Note: If you don't like this icon you can use own icon replace image URL.