The document provides code snippets and instructions for adding various design elements to blogs such as headings, tables of contents, quotes, call-out boxes, and click-to-tweet buttons. It includes CSS and HTML for styling headings, creating interactive tables of contents, styling quotes and call-out boxes, and inserting clickable tweet buttons. Instructions are provided for how to implement each element on a blog.
9. <script>
setTimeout(function () {
var anchorlinks = document.querySelectorAll('a[href*="#"]');
for(var i = 0; i < anchorlinks.length; i++) {
anchorlinks[i].setAttribute('target', '_self');
}
}, 1000);
</script>
THE JAVASCRIPT
10. <div class="row toc-container">
<ol class="toc">
<li><a href="#HEADING1" target="self">Heading 1</a></li>
<li><a href="#HEADING2">Heading 2</a></li>
<li><a href="#HEADING3">Heading 3</a></li>
</ol>
</div>
THE HTML
11. NOTE...
To make your Table of Contents interactive, add anchor tags to each
section you want to link to from your table of contents.
Add these tags right above the heading you’re linking to.
Here's what it looks like in the backend: