[Alx]

Hello,

I was wondering if anyone here has added a reading time to their posts and/or a progress bar?

[candidexmedia]

For horizontal scrollbars/progress bars: I’ve used this code successfully: https://www.cssscript.com/minimal-horizontal-scroll-progress-bar-pure-javascript-skunkscroll/

For reading time: these might work:

• https://www.cssscript.com/estimated-reading-time/
• https://dev.to/michaelburrows/calculate-the-estimated-reading-time-of-an-article-using-javascript-2k9l

[Alx]

Hello,
thank you for your reply and apologies for answering late, the notification was lost in my inbox.

One more question as I am really new to Publii, where exactly should I add the javascript. I look at the documentation but found it a bit confusing as I am just starting.

Thank you!

[candidexmedia]

Add the actual code to “Tools & Plugins” > “Custom HTML” > “Body”

Add the CSS to “Tools & Plugins” > “Custom CSS”

[Alx]

Thank you, I wasn’t sure it was the best way to it!

[candidexmedia]

Alx wrote:

Thank you, I wasn’t sure it was the best way to it!

You could also add it to your site files (by editing them with a code editor). In my case, I didn’t want the scrollbar to appear in the home page, so I set it up so that it only appeared in certain post templates. That’s a little more advanced, but the method I mentioned above is the simplest way.

[Author]

Posts