Blogger Post Me Automatic Table Of Contents Kaise Add Kare

Blogger Post Me Table Of Contents Kaise Add Kare | How To Add Table Of Contents In Blogger

सभी Bloggers चाहते हैं कि उनका Blog Professional WordPress Blogs के जैसा लगे । Blogs या Website में Table Of Contents भी एक Professional Blog की निशानी है ।

इसलिए आज इस Post में हम जानेंगे कि Blogger Blog Post Me Table Of Contents Kaise Add Kare ?

यदि आप भी अपने Blog में Table Of Contents का इस्तेमाल नहीं करते हैं तो आपके Blog के User Experience व SEO बढ़ाने के लिए Table Of Contents को जरूर Add करें । 

चलिये अब हम जानते हैं कि Blogger Post Me Table Of Contents Kaise Add Kare

{tocify} $title={Table of Contents}

Table Of Contents Kya Hai ?

जिस तरह से एक Book में किसी Unit की Headings और Subheadings को आगे एक Index Page में दिया होता है और उससे हमें उस Unit में क्या - क्या Content है इसके बारे में पता चल जाता है 

ठीक उसी प्रकार किसी Blog Post में Table Of Contents सभी Headings और Subheadings का एक Summarized Overview होता है । जिसे आप हमारी इस Post में और अन्य Posts में भी देख सकते हैं ।

इसे Short में हम TOC भी कहते हैं । यह Post में Use की गई सभी Headings और Subheadings [H1, H2, H3, H4] की List होती है जो Link के रूप में Table में Post के ऊपर वाली जगह में Add होती है ।

और User इस Table में स्थित किसी भी Heading या Subheading पर Click कर Jump करके उस Content तक पहुंच सकता है बिना Scroll किये ।

Table Of Contents की मदद से हमारे Blog पर आने वाले किसी भी Reader या User को Post में क्या - क्या Content है इसकी जानकारी हो जाती है

Table Of Contents से User यह समझ पाता है कि इस Post में उसे क्या मिलने वाला है या फिर यह Post उसके काम की है भी या नहीं जिससे User का Time भी बचता है ।

Table Of Contents User Experience को बढ़ाता है और इससे हमारे Blog का SEO भी Improve होता है जो कि एक Positive Step है ।

आप मेरी Website की Posts में भी देख सकते हैं किस तरह से Table Of Contents को Add किया गया है और आप उसमें Heading पर Click करके Content तक पहुंच सकते हैं ।

Table Of Contents के फायदे

Table Of Contents को Use करने के अनेक फायदे हैं इसलिए बड़े-बड़े Bloggers भी अपने Blogs में TOC को Use करते हैं और आपने भी कई Popular Websites और Blogs में TOC को जरूर देखा होगा ।

1. यह Users के लिए Article को पढ़ना सरल और आसान बना देता है ।

2. Reader Post में जिस Topic को पढ़ना चाहता है वह Direct Heading पर Click करके उस तक पहुँच सकता है जिससे Reader के समय की भी बचत होती है ।

3. Blog में Table Of Contents Add करने से Blog का SEO Improve होता है ।

4. Table of Contents से Blog का SEO Improve होता है ।

5. यह User Experience को बढ़ा देता हैं ।

6. इससे Blog Post Professional और Attractive लगती है ।

अब आप समझ गए होंगे कि Table Of Contents क्या है ? और इसका क्या उपयोग है ? चलिये अब हम जानते हैं Blogger Blog Post Me Table Of Contents Kaise Add Kare ?

Blogger Blog Post Me Table Of Contents [TOC] Kaise Add Kare [How to add table of contents in blogger]

काफी Bloggers Table Of Contents को Add करने को लेकर परेशान रहते हैं क्योंकि कई Bloggers से यह Add नहीं हो पाता है 

लेकिन आप नीचे दिए Simple Steps को Follow कीजिये आपके Blog में Table Of Contents जरूर Add होगी ।

Step 1. सबसे पहले नीचे दिए Codes को Copy कर लें और फिर Blogger Dashboard को Open करें ।

<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 2. अब Theme>>Edit HTML पर Click करें लेकिन सबसे पहले Theme का Backup ले लें ताकि Code Add करते समय कोई गलती हो जाये तो फिर से उसे ठीक किया जा सके ।

Step 3. अब Search Bar में </head> Search करें और </head> के Just ऊपर Copy किये गए Code को Paste कर दें ।

Step 4. अब फिर से नीचे दिए Codes को Copy करें और Edit HTML में जाकर ]]></b:skin> Search करें 

.mbtTOC{border:5px solid #f7f0b8;box-shadow:1px 1px 0 #EDE396;background-color:#FFFFE0;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 30px 20px 10px;font-family:oswald,arial;display:block;width:70%}.mbtTOC ol,.mbtTOC ul{margin:0;padding:0}.mbtTOC ul{list-style:none}.mbtTOC ol li,.mbtTOC ul li{padding:15px 0 0;margin:0 0 0 30px;font-size:15px}.mbtTOC a{color:#0080ff;text-decoration:none}.mbtTOC a:hover{text-decoration:underline}.mbtTOC button{background:#FFFFE0;font-family:oswald,arial;font-size:20px;position:relative;outline:none;cursor:pointer;border:none;color:#707037;padding:0 0 0 15px}.mbtTOC button:after{content:"\f0dc";font-family:FontAwesome;position:relative;left:10px;font-size:20px}

Step 5. अब  ]]></b:skin> के Just ऊपर Copy किये Codes को Paste कर दें ।

Step 6. अब Last में Edit Theme में <data:post.body/> Search करें यहाँ पर जितने ऐसे Codes मिले उन्हें नीचे दिए Codes से Replace कर दें

<div id="post-toc"><data:post.body/></div>

How To Show Table Of Contents In Post

अब तक हमने JavaScript और CSS Code की मदद से TOC के Structure को Add किया अब हम जानेंगे कि Table Of Contents को Post में कैसे Show करें

Step 1. सबसे पहले उस Post को Open करें जिसमें आप TOC लगाना चाहते हैं और इसे HTML Mode में बदलें ।

Step 2. अब नीचे दिए Codes को Copy करें और Post में उस Paragraph के नीचे Paste करें जहाँ आप TOC Add करना चाहते हैं ।

<div class="mbtTOC"> <button onclick="mbtToggle()">Contents</button> <ol id="mbtTOC"></ol> </div>

Step 3. अब फिर से नीचे दिए Codes को Copy करें और Post के सबसे Last में जाकर Paste कर दें और Update कर दें ।

<script>mbtTOC();</script>

अब Post को View करें आप देखेंगे कि आपकी Post में Table Of Contents Show होने लगी है ।

Conclusion

Table Of Contents एक Headings और Subheadings की List होती है जो आपके Blog को Professional बनाती है इसलिए अपने Blog में Table Of Contents जरूर Add करें ।

मैं उम्मीद करता हूँ आपको हमारा यह Article Blogger Post Me Table Of Contents Kaise Add Kare पसन्द आया होगा और इसकी मदद से आपने अपने Blog में TOC Add कर लिया होगा ।

यदि आपको हमारी यह Post Blogger Post Me Table Of Contents Kaise Add Kare अच्छी लगी हो तो Social Media पर जरूर Share करें और यदि TOC Add करने में किसी प्रकार की परेशानी आती है तो Comment करके जरूर बताएं ।

This Post Is On: Blogger Post Me Table Of Contents Kaise Add Kare.