APMODY: the best blogger template for posting apps as well as articles in one blog.. Test link Get now!

How to enable the Counter feature

Configure post counter widget (view.download, clap) in APMODY template.

Switch language: IN

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.

  1. visit the Firebase console page.
  2. Create a new project, by clicking the Add project menu.
  3. In the Project name input form, fill in the name of your project and follow the existing naming rules, then click Continue.
  4. 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.
  5. wait a few moments, and the project has been successfully created.
  6. open your project, then find and click the Build dropdown menu, select Realtime Database.
  7. click the Create Database button, wait for the database setup popup to load.
  8. 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.
  9. for the Security rules step, just click Enable, we will set it later.
  10. 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.
  11. 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.
  12. then click Publish to save it.
  13. 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.

  1. go to Blogger Dashboard, select the Theme.
  2. click the Customize button, you will be directed to the blogger customization page.
  3. In the sidebar, scroll down until you find the Advanced dropdown menu, then click.
  4. make sure it is in the Features menu group, then look for the Counter Post (Enable/Disable) feature option.
    Information: 1 to enable, and 2 to disable the feature.
  5. 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:

  1. go to Blogger Dashboard, select the Layout.
  2. scroll down until you find the APMODY Settings section.
  3. click edit on the Counter Post widget, a widget configuration pop up will appear.
  4. adjust the settings below:
    "databaseURL": "https://xxx.firebasedatabase.app",
    "limitClap": 10,
    "tx": ["Clap +$1", "Clap has reached the limit ($1)"]
    Information:
    1. replace it with the Realtime Database link that you created.
    2. maximum visitor votes/claps for each post.
    3. notification text when you successfully click clap on the post.
    4. notification text if the clap has reached the maximum number.
  5. 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.

Related Post
Content Creator, Graphic Designer, UI / UX Designer, Newbie Programmer

My notes on blogger: ARUF.my.id

You may like these posts

2 comments

Enter Image URL / Code Snippets / Quotes / name tag, then click parse button accordingly that you have entered. then copy the parse result and paste it into the comment field.


  1. How to create safelink make video tutorial plz
  2. Send Advance Wedged Code
Cookie Consent

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.

Google Translate
Bookmark Post