Fitur ini cukup menarik di blogger, karena Anda bisa menampilkan jumlah tampilan setiap postingan, pengitung jumlah unduhan, dan fitur vote clap yang keren.
The counter in this APMODY template will display the number of views, downloads (APP posts) and votes/claps on posts. Interesting right? However, this feature is quite rarely found in blogger templates. This is due to limited developer access in developing this blogger template.
For this reason, we use a third party service, namely Firebase from Google as a data storage place (Realtime Database). But you don't need to worry about costs, because you can use this service for free.
How to create a Realtime Database in Firebase
Before creating a realtime database, make sure you have logged in using your Google account. and if you have already created a database in Firebase, you can skip this step.
- visit the Firebase console page.
- Create a new project, by clicking the Add project menu.
- In the Project name input form, fill in the name of your project and follow the existing naming rules, then click Continue.
- in the Enable Google Analytics for this project section you can deactivate it, because at this time we don't need it. so just click Create project.
- wait a few moments, and the project has been successfully created.
- open your project, then find and click the Build dropdown menu, select Realtime Database.
- click the Create Database button, wait for the database setup popup to load.
- in the
Database options
step in the Realtime Database Location menu, choose according to your wishes, but we recommend choosing the one closest to your geographic location. - for the
Security rules
step, just click Enable, we will set it later. - once the database is successfully created, click the link icon to copy your Realtime Database url. save the link, later we will apply it to the template.
- click the Rules tab, then overwrite the rules settings in the rules editor with the contents of the
rules-firebase-rtdb.txt
file. Make sure you have adjusted the blogID section to your blog. - then click Publish to save it.
- setup in firebase is complete. Continue to settings on Blogger.
How to activate the counter feature
Following are the steps to activate the counter feature in the APMODY template.
- go to Blogger Dashboard, select the Theme.
- click the Customize button, you will be directed to the blogger customization page.
- In the sidebar, scroll down until you find the Advanced dropdown menu, then click.
- make sure it is in the
Features
menu group, then look for theCounter Post (Enable/Disable)
feature option.Information:1
to enable, and2
to disable the feature. - Save settings by clicking the icon .
How to configure APMODY counters
After activating the counter in the template, you need to set the counter feature in the settings widget. Follow these steps:
- go to Blogger Dashboard, select the Layout.
- scroll down until you find the APMODY Settings section.
- click edit on the
Counter Post
widget, a widget configuration pop up will appear. - adjust the settings below:
"databaseURL": "https://xxx.firebasedatabase.app", "limitClap": 10, "tx": ["Clap +$1", "Clap has reached the limit ($1)"]
Information:- replace it with the Realtime Database link that you created.
- maximum visitor votes/claps for each post.
- notification text when you successfully click clap on the post.
- notification text if the clap has reached the maximum number.
- Make sure the Show this widget toggle switch is active, then click Save.
For further customization of this counter widget, you can search in editHTML with the keyword countPs
.