Add Estimated Reading Time And A WordPress Reading Progress Bar (Page Scroll Progress Indicator)



Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: https://wplearninglab.com/17-point-wp-pre-launch-checklist-optin-yt/?utm_source=YouTube_Video&utm_medium=Description_Link&utm_term=Description_Link&utm_campaign=YouTube

Add Estimated Reading Time And A WordPress Reading Progress Bar (Page Scroll Progress Indicator)
//*
CSS to copy and paste:

/* Read Meter */
.bsf-rt-reading-time {background-color: #f2f2f2;padding:5px 10px;border-radius:10px;}

.bsf-rt-display-time, .bsf-rt-display-postfix {font-weight:bold;}”

Link to the plugin in to the WordPress repository: https://wordpress.org/plugins/read-meter/

Link to why hackers want to hack your site: https://www.youtube.com/watch?v=gCgksoijjzg&list=PLlgSvQqMfii7YSIzIPnLng0zDkGbvQTwG

Link to updraft plus backup video: https://www.youtube.com/watch?v=566Zw8e84lE&list=PLlgSvQqMfii7Z3nd1-Xq3dYve0jqZ0IEc

Link to the HTML/CSS/JS channel: https://www.youtube.com/channel/UC5vKV-35odZlYXVQ_G0sSsg

Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab
//*
The simple plugin I’m going to show you in this tutorial will allow you to add estimated reading time to your posts with a few clicks.

It will also allow you to add a page scroll progress indicator to the page, so your readers know how much scroll is left before they reach the end of the post.

Unfortunately, the estimated reading time displayed on the post doesn’t look great. Fortunately, I’m whipped up a little CSS to make it look a bit nicer. You can copy and paste the CSS from the description of the video.
//*
Here are 20+ reasons why I host all my sites with SiteGround: https://wplearninglab.com/siteground-wordpress-hosting-review/
//*

Post videos of your WordPress success using the hashtag #WPLLCommunity!

Get on the Unofficial Ultimate Guide To Elementor course waiting list here (no obligation): https://elementor.convertri.com/elementor-guide-waiting-list

Here’s the link for Elementor Pro (aff): https://wplearninglab.com/recommends/elementor

Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL

Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist

I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.

WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab

source

You might like

Leave a Reply

Your email address will not be published. Required fields are marked *


Claim Your Free WordPress Security Report!- Get Free Instant Access -

Important:
This site makes use of cookies which may contain tracking information about visitors. By continuing to browse this site you agree to our use of cookies.