Text Block Counter – @tuanphan

Description

counter number on scroll
view demo – password: abc
buy me a coffee

#1. Install Code

#1.1. Make sure you added a Text Block with Numbers, something like this

#1.2. Make numbers BOLD

#1.3. Hover on top right of section > Click EDIT SECTION

#1.4. at Design > Anchor Link > enter word: text-counter

#1.5. Hover on Page where you use Text Blocks > Click Gear icon

#1.6. Click Advanced > Paste this code

If you use Personal/Basic Plan and your plan doesn’t support Injection, you can see #3.1

<!-- 06.26c29v8 Text Block Counter -->
<script>
window.TextBlockCounterConfig = {
  sectionSelector: 'section[id*="text-counter"]',
  numberSelector: 'strong, b, p, h1, h2, h3, h4, h5, h6, div, span',
  animationDuration: 2000,
  viewportThreshold: 0.2,
  runOncePerLoad: true
};
</script>
<script src="https://code.beaverhero.com/textblock/0626c29v8textblockcounter.js"></script>

#2. Customize

#3. Other

#3.1. If you use Personal/Basic Plan and your plan doesn’t support Injection, you can add a Markdown Block in current page (page where you use Text Blocks)

Add this code into Markdown Block

<script>
window.TextBlockCounterConfig = {
  sectionSelector: 'section[id*="text-counter"]',
  numberSelector: 'strong, b, p, h1, h2, h3, h4, h5, h6, div, span',
  animationDuration: 2000,
  viewportThreshold: 0.2,
  runOncePerLoad: true
};
</script>
<script src="https://code.beaverhero.com/textblock/0626c29v8textblockcounter.js"></script>