Dynamic Anchoring by Jorge Manzo.

Yes. I know these directions are currently a bit sloppy and this live example is not using Finsweet's Client-First method, but I figured I'd just get this out as quickly as possible and formally make a cleaner guide in a week or so! Let me know if you have any questions! (:

Also, I am aware this would mean client's would need to "limit" their total number of anchors, but I couldn't think of a cleaner way to set this up till Finsweet comes out with their Attributes version for this. Also, I have no coding experience, I made this using a few guides for different functions (i.e. social sharing).

Enjoy!

1. Create a CMS List

Create a Anchor field and a Anchor (Link) field.

The Anchor field will be the name of the linking button.

The Anchor (Link) field will be the #anchor ID.

2. Create a button class

Create a button element and give it a unique class (i.e. "anchor button").

Style this element as you please, make sure all CSS elements are unique and none come from inherited classes.

3. Create an HTML Embed element

This HTML embed element will be the the linking button on your blog template.

4. Create a blog post in rich text and add an HTML embed where you'd like the anchors to be.

5. Add spacing above the Anchor (optional)

Create another div block and give it a unique name (i.e. anchorspacing). Then in the Rich Text CMS, add another HTML embed BELOW the HTML Anchor embeds.

Create an HTML <div> element and give it the unique class you created.