Plus UI Preinstall Table of Content !

LET'S KNOW THE PROCESS

আপনাকে Edit HTML এ গিয়ে কোনো কিছু Past করতে হবেনা । Direct নিচের HTML Code গুলি আপনার Blog Post এ Use করুন ।

Manual Table of Content

<details class='sp toc' open=''>
  <summary data-show='Show all' data-hide='Hide all'>Contents</summary>  
  <div class='toC'>
    <ol>
      <li><a href='#heading'>Your_Heading</a></li>
      ...
      ...
      ...
    </ol>

    <!--[ Sample ToC with subheading ]-->
    <ol>
      <li><a href='#heading'>Your_Heading</a>
        <ol>
          <li><a href='#subHeading'>Sub_Heading_1</a></li>
          ...
          ...
          ...
        </ol>
      </li>
    </ol>
  </div>
</details>

সর্বপ্রথমে Compose View থেকে কোনটা Heading রাখবেন । কোনটা SubHeading রাখবেন । তা Choose করে নিন । এরপর HTML View তে H2 লিখে Search করুন ।প্রতেকটা H2 এর পরে id= “1” লিখে Number Input করুন ।প্রতেকটা Number আলাদা আলাদা রাখতে হবে । Inverted কমা এর মধ্যে লেখা নাম্বারটি #heading এ লিখতে হবে # এর পর অর্থাত #1 এরপর Your Heading এ আপনার Heading টি লিখুন । Sub Heading এর ক্ষেত্রে Same Process

Automatic Table of Content

<details class='sp toc'>
  <summary data-show='Show all' data-hide='Hide all'>Table of Contents</summary>  
  <div class='toC' id='autoToc'></div>
</details>

আপনার Blog Post এর যে জায়গায় Table of Content লাগাতে চান । ওই খানে Past করুন ।

Go to Link