Default page navigation links in blogger blogs are simply not appealing. At the bottom are of your blog it shows two links such as “Older Posts” and “Newer Posts“. Few times readers get confused with these links. So, it’s better to change these page navigation links with some cool images or texts. Using some quick HTML edits we can rename these navigation links and can also customize them to look better.
The below image of blogspot page navigation looks smart and pretty cool. You may like to rename Older Posts to Previous and Newer Posts to Next. You can also use some simple arrow icons to describe the page navigation. Few people also use both text and image icons to show their page navigation on blogspot. It’s pretty simple to do on blogger like other blogger tricks.
To change the older posts and newer posts links on your blogger blog, follow the below mentioned steps.
- Login to Blogger and go to your Dashboard
- Navigate to Layout >> Edit HTML
- Expand Widget Templates by checking the box next to it.
- Now search for the below codes in your template.
- The above codes written in bold and red letters display their corresponding links.
- <data:newerPageTitle/> displays Newer Posts in your template.
- <data:olderPageTitle/> displays Older Posts in your template.
- <data:homeMsg/> displays Home in your template.
- You can change those codes to any name. And those names will appear on your blog footer in stead of those default links.
expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>expr:title=’data:olderPageTitle’><data:olderPageTitle/></a><a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a><a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>
Below I’ve edited the above code to display Previous, Next Page and Home on your template. Have a look on it.
expr:title=’data:newerPageTitle’>Next Page</a>expr:title=’data:olderPageTitle’>Previous</a><a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a><a class=’home-link’ expr:href=’data:blog.homepageUrl’>Home</a>
The above code will make your navigation link look like the below screenshot.
You can keep any name there. But remember to keep a relative name, else that might create more confusion. The above blogger tutorial tells you the procedures to change the “Older Posts” and “Newer Posts” navigation links from the footer and keep something cool. If you are having any problems, don’t hesitate to use the comment section below.
|
|
Note : You will find a confirmation link in your inbox or junk folderIf You Enjoyed This Post Please Take 5 Seconds To Share It.