How to Create Table of Contents In Blogger - PC Week | Weekend Tech Network
Logo Designing - Video Editing - SEO and Adsense Optimisation

How to Create Table of Contents In Blogger

blog content,how to write a table of contents,how to add table of contents to blogger,blogger create table of contents
TOC in Blogger

How to Write a Table of Contents: Hi Guys Welcome back to another fresh and interesting tutorial on Blogger. Today I will show you how to create a Table of contents in Blogger. You all know that Table of contents (TOC) should be inserted through a few HTML codes unlike in WordPress there are thousands of plugins for the same.

Table of content is very useful for all blogger. A simple TOC is provided below for this article.

Table of Contents
  1. Introduction
  2. HTML Code
  3. How to Add HTML Code 
  4. Debugging Error
  5. Conclusion


Introduction

Table of Contents is very useful for any visitor to grasp a nutshell of your contents mostly when you write lengthy contents. It can surely impress the visitor through a small Navigation of all the contents.

TOC is very important when you are aiming for fresh and professional content. A table of contents usually includes the titles or descriptions of the first-level headers, such as chapter titles in longer works, and often includes second-level or section titles within the chapters as well, furthermore, once in a while even third-level title.

HTML code 

In order to make a simple Table of content Remember this Code and Proceed to the Next Section.

For the TOC Section <li><a href="#intro">Introduction</a></li>
For Heading Related to the TOC <div id="intro"> and Should close the div with </div> after the Heading.

Don't Worry about this Code I will Show you an Example in the next section

How to Add HTML Code in your Post

  1. We want to add a simple TOC for the below article, So we inserted the text relating to the specific headline in the article.
    blog content,how to write a table of contents,how to add table of contents to blogger,blogger create table of contents
    Table of Contents In Blogger
  2. After that go to the HTML view of the post
  3. Now we want to point each headline to its target location so we add a href tag to each element in TOC
    blog content,how to write a table of contents,how to add table of contents to blogger,blogger create table of contents
    Table of Contents In Blogger
  4. If someone clicks the element it will search for a div id matching the href name. therefore we add a div id exactly matching the href in the particular heading of the category
    blog content,how to write a table of contents,how to add table of contents to blogger,blogger create table of contents
    Table of Contents in Blogger
  5. That's all 

Debugging Error

    As you all know that we are dealing with the HTML code. So we have to take care when editing our post. CTRL+Z would save much of your effort but nothing will happen if you carefully edit the HTML.

    href name should be unique for every tag and that should match your div id

    Conclusion

    We hope this article on "How to Create Table of Contents In Blogger"  helped you to create a simple TOC for your blog. 

    You can freely comment your doubts below.

    If you liked this article, then please share to the social networking site. You can also find us on Twitter, Facebook, YouTube, and Instagram.

    1 comment:

    Powered by Blogger.