How to Add a Blogger Table of Contents?

How to Add a Blogger Table of Contents?

How to Add a Blogger Table of Contents?
How to Add a Blogger Table of Contents?

The table of contents is the signal you give your visitors in advance about the article you are about to publish.

If you want, you can easily use all the headings or sub-headings in your blog article at the beginning of the article.

Write a short summary of those combinations, it would not be wrong to call it a summary because you do not give a brief description here, just add the days in the headshaw and give the visitors advance notice of what you are going to write in the article.

In this case, if you are a WordPress user, you can easily use a content table inside your article.

However, using such content table for blogger site is not one of the features of Blogger, in this case you must use a custom blogger table of contents which many of us cannot.

But if you can add one of your blog articles then it is very well presented in front of your article visitors.

And they understand very well what you are actually going to write inside this article which is definitely a good thing.

If you want to know how to use the blogger table of contents very easily, then look at today's post to the end, I hope you will find it useful.


How to use Blogger table of contents?


If you want to use the blogger table of contents in a very nice way inside each of your blog articles, then you must use the script given by me.

 Just paste it inside each of your blog articles and then make some changes so that one content table can be added to each of your blog articles.

If you want to add it to your blog article, first copy the following scripts.

Then by adding these inside your blog article, you will see that the blogger table of contents has been added to your blog article.


<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="background-color: white; box-sizing: inherit; color: #0a0a0a; font-family: lato, sans-serif; font-size: 16px; line-height: 1.6; margin-bottom: 1rem; padding: 0px; text-rendering: optimizelegibility;"> </div> <div class="ez-toc-v2_0_10 counter-hierarchy counter-decimal" id="ez-toc-container" style="background: rgb(255, 255, 255); border-radius: 4px; border: 1px solid rgb(59, 191, 182); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; box-sizing: inherit; color: #0a0a0a; display: table; font-family: lato, sans-serif; font-size: 16px; margin: 0px 0px 1em; padding: 10px; position: relative; width: 300px;"> <div class="ez-toc-title-container" style="box-sizing: inherit; display: table; margin: 0px; padding: 0px; width: 278.667px;"> <div class="ez-toc-title" style="box-sizing: inherit; color: #00c9c2; display: table-cell; font-size: 20.8px; font-weight: 700; line-height: 1.45; padding: 0px; text-rendering: optimizelegibility; vertical-align: middle;"> Table of Content</div> <span class="ez-toc-title-toggle" style="box-sizing: inherit; display: table-cell; vertical-align: middle;"><a class="ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle" href="https://www.blogger.com/u/5/null" style="background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%); background-repeat: repeat-x; border-radius: 3px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(255, 255, 255, 0.15) 0px 1px 0px inset, rgba(0, 0, 0, 0.075) 0px 1px 1px; box-sizing: inherit; color: #444444; cursor: pointer; display: inline-block; float: right !important; font-size: 12px; line-height: 1.5; margin-bottom: 0px; margin-left: 10px; padding: 1px 5px; text-align: center; text-shadow: none; user-select: none; vertical-align: middle; white-space: nowrap;"><span class="ez-toc-glyphicon ez-toc-icon-toggle" style="box-sizing: inherit; display: inline-block; font-family: &quot;important&quot;; font-size: 16px; line-height: 1; margin-left: 2px; position: relative; speak: none; top: 1px; width: 1em;"></span></a></span></div> <nav style="box-sizing: inherit;"><ul class="ez-toc-list ez-toc-list-level-1" style="background: 0px 0px; box-sizing: inherit; counter-reset: item 0; line-height: 1.6; list-style: none none; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;"> <li class="ez-toc-page-1 ez-toc-heading-level-2" style="background: 0px 0px; box-sizing: inherit; line-height: 1.6; list-style: none none; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;"> </li> <li class="ez-toc-page-1 ez-toc-heading-level-2" style="background: 0px 0px; box-sizing: inherit; line-height: 1.6; list-style: none none; margin: 0px; overflow: hidden; padding: 0px; z-index: 1;"><ul class="ez-toc-list-level-3" style="background: 0px 0px; box-sizing: inherit; counter-reset: item 0; line-height: 1.6; list-style: none none; margin: 0px 0px 0px 1.5em; overflow: hidden; padding: 0px; z-index: 1;"></ul> </li> </ul> </nav></div> </div>

So don't delay, add a good and responsive content table to your blog article now.

How to Add a Blogger Table of Contents?


So many thanks for staying with me so far today.

0 Response to "How to Add a Blogger Table of Contents?"

Post a comment