As you know, B ToolsBox recently released Redesign of Neon Max v3.6 which comes with more features. Realtime Views Counter has been added in the Lastest Version, which shows the realtime views of your Blog Posts with the help of Firebase Database.
If you would like to enable it on your Blog, follow these simple steps to get started.
Note that it will not work in any Craked versions. Make sure you get the lastest template update.
Requirements
- Firebase Account
- Neon Max v3.6 Template
Enabling Views Count
Step 1: First of all create a project in Firebase.
Step 2: Create Database for your Project.
Step 3: Paste the following rules:
For Single Blog:
{ "rules": { ".read": true, "BlogID_0000000000000000000": { ".read": true, "$post_id": { ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)", ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999" } } } }
For Multiple Blogs:
{ "rules": { ".read": true, "BlogID_0000000000000000000": { ".read": true, "$post_id": { ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)", ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999" } }, "BlogID_0000000000000000000": { ".read": true, "$post_id": { ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)", ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999" } }, "BlogID_0000000000000000000": { ".read": true, "$post_id": { ".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)", ".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999" } } } }
Don't forget to replace the marked parts with your Blogs' ID.
Step 4: Copy the Database URL.
Step 5: Go to Theme HTML Editor.
Step 6: Find the following codes:
realViews: { databaseUrl: "", abbreviation: "false" }
Step 7: Paste your Database URL, it will look something like following:
realViews: { databaseUrl: "https://example-rtdb.firebaseio.com", abbreviation: "false" }
Step 8: Save Changes and refresh your Blog Page.
Showing Abbreviated Views Count
If you would like to display the views counts in Abbreviated numbers, i.e. 67.89K
instead of 67894
, you just need to follow simple steps.
Step 1: Find the following codes by going to Theme HTML Editor:
realViews: { databaseUrl: "", abbreviation: "false" }
Step 2: Replace false
with true
as shown below:
Don't make any changes if it is already true
.
realViews: { databaseUrl: "", abbreviation: "true" }
Step 3: Save Changes and refresh your Blog Page.
Related Posts
Contacting Us
Feel free to contact us through Contact Page if you are facing any problem while following the steps described above.