Fading Box Amongst Newer/Older Posts Links Together With Titles For Blogger

The navigation links are those that look at the bottom of the page that says "Older Posts", "Newer Posts" together with "Home" together with assistance us to movement through the spider web log posts. This tutorial volition exhibit you lot how to alter the discussion "Older Posts" together with "Newer Posts" for post service titles together with brand these to look inwards a box "fading" when you lot scroll downwards the page.

You tin run into it inwards activity on this demo blog - when you lot scroll down, the navigation links volition look showing the post service titles for the older/newer entries.

This way to display the navigation links volition move seen alone inwards private entries, spell those on the homepage together with other parts of the spider web log volition all the same move displayed every bit usual.

How to Add Navigation Box amongst Newer & Older Posts on Blogger

Step 1. From your Blogger Dashboard, become to Template > Edit HTML, click anywhere within the code expanse together with search - using CTRL + F - for this line:

Screenshot:

Step 2. REPLACE the code higher upward amongst this one:

Other posts published:

Note: you lot tin alter the "Other posts published" championship amongst your ain

Step 3. Now add together simply higher upward the next code:

Note that this gadget uses jQuery, together with so assay to bring alone i version.

Customization:

- There are 3 URLs inwards blue, the kickoff is the newspaper background icon for the box, the other 2 are the icons that tally to the arrows. You tin supersede these amongst your own.
- In dark-green you lot tin run into where to alter the text colors.
- The cerise issue is the distance inwards pixels that activates the gadget, this way that the box volition look when you lot scroll downwards the 100px. You tin usage a higher value if your posts are commonly long together with thus the "height" of the scroll is greater.
Step 4. Now, Save the Template together with that's it!

You tin likewise alter the "Older Posts" together with "Newer Posts" links amongst posts titles or images.