How to add Table of Contents in Blogger 2022 | Blogger में Table of Contents Kaise add करें |

Sandeep Kumar

24 Jan, 2022

How to add Table of Contents in Blogger 2022

दोस्तों अगर आपने भी ब्लॉगिंग शुरू किया है। और आप बहुत सारे पोस्ट लिख रहे हैं। लेकिन सभी पोस्ट में Table of Contents होना चाहिए। क्योंकि किसी भी तरह का पोस्ट लिखने से उसका S.E.O करना बहुत जरूरी होता है। आज की इस आर्टिकल से मैं आपको बताऊंगा। How to add Table of Contents in Blogger 2022.

Read Also - High Paying CPC Keywords In India
Read Also - How to add Table of Contents in Blogger 2022

What Is Table of Contents in Blogger

Table of Contents एक Widget की तरह होता है। जिसको किसी भी वेबसाइट के पोस्ट में लगाया जा सकता है। इससे हमारे पोस्ट का S.E.O के साथ एक Professional बना देता है। Table of Contents बनाने के लिए HTML Code Paste करना होता है।

How to add Table of Contents in Blogger

अगर आप ब्लॉगर यूज़ करते हैं। और अपना वेबसाइट ब्लॉगर प्लेटफार्म पर बनाए हुए हैं। तब आपको पता ही होगा। कि ब्लॉगर पर जो भी वेबसाइट बनाता है वह फ्री में होता है। इसलिए मैं आपको यह बता देता हूं। की Table of Contents फ्री में बना सकते हैं।

Step 1 :- Open Blogger.com In Any Browser

Step 2 :- Open Your Blog/Website

Step 3 :- Go To Theme Option And Click On Edit HTML

Step 4 :- Search In the blogger </head> . If You are Using Pc Then Press CTRL + F. In The Mobile Click on Side Three Dot In Chrome Browser and Tap On Find My Page Option

Step 5 :- Some HTML Code You Need To Paste Below </head> tag. Click Below To Copy Code And Paste In Below </head>.

<script type='text/javascript'>              
//<![CDATA[           
//*************TOC plugin           
function mbtTOC() {var mbtTOC=i=headlength=gethead=0;           
headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++)           
{gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}}           
//]]>              
</script>

Step 6. Now You Need To Search ]]></b:skin> and paste code Just Above of This Code . Copy Below CSS Code.

Step 7 :- Copy First <data:post.body/> tag. Then Replace <data:post.body/> And Paste Below Given Code. <data:post.body/> पहले इसको कॉपी कर ले। फिर उसके जगह पर नीचे दिया गया Code को लगाना है।

अब हमारा Table of Contents बनकर तैयार हो गया है। ऊपर में जाकर Save करना होगा। लेकिन यहां पर अभी भी एक और आखरी Code पेस्ट करना होगा।

How To Add Automatic Table of Contents in Blogger

Step 1 :- Open Any Articles where you want to create table of content and paste these code above heading tags and one things is convert in html views then paste any code.

कृपया किसी भी Code को Paste करते वक्त HTML View में जरूर कर ले

Step 2 :- Below Code Is Paste All Article In The Last Paragraph. Copy Below Code And Paste In The Articles. Now your Blog Is Completely Ready For Table of Content.

How to add Table of Contents in Blogger 2022

Conclusion

दोस्तों ,आज मैंने बताया कि How to add Table of Contents in Blogger 2022. मुझे उम्मीद है कि आपको आर्टिकल पढ़ने के बाद काफी मदद मिला होगा। और बहुत कुछ सीखने को मिला होगा। इस आर्टिकल को अपने दोस्तों के साथ शेयर करें। और मुझे सोशल मीडिया पर भी फॉलो करें।

धन्यवाद

Read Also -BEST S.E.O Friendly Blogger Template Free Download 2022
Read Also - High Paying CPC Keywords In India

Sandeep Kumar

Hey, I'm sandeep kumar.Blogger and Youtuber I like to gain every type of knowledge.and I want to share my knowledge with everyone I love thrills and travelling to new historical places.