Replace the newer, older and home navigation links on your blogger blog with a beautiful image and catch the eyes of viewers, As Blogger's default Older, newer and Home navigation links are not so creative, almost all the Bloggers are using images for post navigation in their Blog. To do so you should first prepare 3 images with Good Creativity because this is a one time process and their is no need of altering it in future. If you wish to change it, you can as usual change it at any time. I hope you are ready with your images and now let’s step into the coding part. In this tutorial i am going to explain simple steps on how to replace these navigation links (which is at the bottom of each post) with an image of your own. Follow these Steps below To Replacing Blogger Navigation Links With customized Images:
Go To Blogger > Layout > Edit HTML
Check the Expand Widget Templates box at top-right-corner
NOTE: You may get two codes with same name, so watch the changes after replacing a particular code
1. Find Below code using (CTRL+F)
<data:olderpagetitle>
And Replace it with the below code.
<img src="URL-OF-NEXT-BUTTON IMAGE FOR VIEWING YOUR NEXT POST"/>2. Find Below code using (CTRL+F)
<data:newerpagetitle>
And Replace it with the below code.
<img src="URL-OF-PREVIOUS-BUTTON IMAGE FOR VIEWING YOUR PREVIOUS POST"/>
3. Find Below code using (CTRL+F)
<data:homemsg>
And Replace it with the below code.
<img src="URL-OF-HOME-BUTTON IMAGE FOR VIEWING YOUR PREVIOUS POST"/>
Make sure to replace the URLs with the Image Links of your uploaded Images.
4. Finally save your template and enjoy the new look!
Enjoyed This Post? Subscribe For More Update!
0 comments:
Post a Comment