• Add A Image Page Navigation Blogger Widget

    In this trick we are about to see , how to remove your default next previous posts and replace it and with images. you can add images of your style and you can also resize the image as like you want. Please follow the steps given below with at-most concentration..

    Step 1: Save your Template before you try something, it will help you when something goes wrong with your editing.

    Step 2: Go to >> Design >> Edit html >> Expand widgets and search for the code given below


    and now replace <data:olderpageTitle/> with this one

    <img src='https://lh5.googleusercontent.com/-gDwu6TZDwXU/TYTWgY5bjlI/AAAAAAAABrE/xS--NnsbICM/s1600/Previous.png'/>

    To resize your image , you can use this code

    <img border="0" height="60" src="https://lh5.googleusercontent.com/-gDwu6TZDwXU/TYTWgY5bjlI/AAAAAAAABrE/xS--NnsbICM/s1600/Previous.png" width="60" />

    Step 3:  Now the same for Newer page, search for this code


    and replace <data:newerPageTitle/> with this code

    <img src='https://lh3.googleusercontent.com/-OSn3Ky27Q_s/TYTWVxqn9CI/AAAAAAAABrA/83FQeDrQ9A0/s1600/next+.png'/>


    <img border="0" height="60" src="https://lh3.googleusercontent.com/-OSn3Ky27Q_s/TYTWVxqn9CI/AAAAAAAABrA/83FQeDrQ9A0/s1600/next+.png" width="60" />

    Step 4 : To replace the home text in between next and previous, please search for this code

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    and replace <data:homeMsg/>  with this code

    <img src='https://lh6.googleusercontent.com/-uCHXp1RGZ3c/TYTWjWJ8sLI/AAAAAAAABrI/XcJDKys9ERo/s1600/Home.png'/>

    with this one,

    <img border="0" height="60" src="https://lh6.googleusercontent.com/-uCHXp1RGZ3c/TYTWjWJ8sLI/AAAAAAAABrI/XcJDKys9ERo/s1600/Home.png" width="60" />

    You can choose any image you want, i know this image is wierd !!!