Fading Box With Newer/Older Posts Links and Titles for Blogger

Navigation links are old posts, new posts, and home posts at the bottom of the page that help us navigate. This tutorial shows you how to replace the words "old posts" and "new posts" with post titles and show them in the "blur" box when you scroll down the page.

You can see it in action in this demo blog - scrolling down reveals links with post titles for old/new posts.

This way of displaying links to view can only be seen in individual posts, while links on the homepage and other sections of the blog will be displayed as usual.

How to Add a Navigation Bar with New and Old Posts in Blogger

Step 1 On the Blogger administration screen, select Template > HTML , click anywhere in the Code area, and press CTRL + F to access this rule.

Screenshot

Step 2 Change the above code:

Other published articles:

Note. You can manually change the title of another published article.

Step 3. Now just add the above Next code:

Note that this widget uses jQuery, so try to only have one version.

Personalization

-There are three URLs highlighted in blue, the first one is a paper background image, the other two are icons associated with arrows. You can replace it yourself.
- See where you can change text colors to green.
- The red number activates the widget in pixels, which means that if you scroll 100 pixels, a window will appear. If your tones are usually longer and therefore the "peak" of the packet is higher, you can use a higher value.
Step 4. Now save the template and you're done!

You can also edit old posts and new posts with titles or images .