Blogger Me Table Of Contents Page Kaise Add Kare In Hindi 2023

 दोस्तों अगर आप भी blogging करते है तो आपके ब्लॉग pages में  Table Of Contents Page होना अनिवार्य होता है क्योकि यह आपकी वेबसाइट के लिए एक SEO का पार्ट है जिसकी मदद से आप आपकी वेबसाइट को रैंक करवा सकते हो, आपके ब्लॉग के हर एक आर्टिकल पर TABLE OF CONTENT होना चाहिए.

अगर आपने अभी तक आपकी वेबसाइट पर Table Of Contents नही लगाया है तो आप गलती कर रहे हो, में जानता हूँ कि आप अपने ब्लॉग pages पर Table Of Contents क्यों नही लगाते क्योकि अभी तक आप सही तरीके से जानते कि आपके ब्लॉग के अर्टिकल में Table Of Contents कैसे लगाये 

Blogger Me Table Of Contents Page Kaise Add Kare 

Table Of Contents पहले मुझे भी नही आता था, किन्तु  मेने अब Table Of Contents  लगाने का आसन तरीका खोज लिया है और वह तरीका में इस ब्लॉग पोस्ट के माध्यम से आप लोगो तक शेयर करने जा रहा हूँ  

Blogger Me Table Of Contents Page क्या है?

Table of content मैं आर्टिकल के जितने भी मेन हेडिंग्स होते हैं उन्हें लिखा जाता है। Table Of Contents कोई भी ब्लॉगर अपने ब्लॉग पर बिल्कुल फ्री में लगा सकता है बस आपको इसके लिए कुछ बेसिक सी कोडिंग की आवश्यकता पढ़ती है, Blogger में Table Of Contents के माध्यम से ब्लॉग reades को आपके पुरे ब्लॉग अर्तिक्ल का सारांश summary मिल जाती है और वह जल्दी से अपने सवालों से जुड़े Paragraph पर पहुच पाता है. Table Of Contents से ब्लॉग पडने वालो को अपने विषय से जुडी जानकारी आसानी से मिल जाती है ब्लॉग रीडर्स के लिए हर एक अर्टिकल में उस विषय से जुड़े अलग अलग Headings लगाये होते है जिससे रीडर्स को उनकी आवस्यकता की जानकारी आसानी से मिल जाये .

टेबल ऑफ कंटेंट का इस्तेमाल ब्लॉग पर करने पर आपके ब्लॉग पर पड़ने वाले लोगों को उनके सवालों का जवाब उन्हें आसानी से मिल पाता है। 

जैसे कि  Blogger में table of content क्या है का ब्लॉग page लिखा हुआ है जिसमें

 Blogger में table of content क्या है 

 Blogger में table of content के फायदे 

Blogger में table of content कैसे लगाए

अगर आपके ब्लॉग पर आया हुआ विजिटर Blogger में table of content लगाने के के फायदे जानने को इच्छुक है तो वह टेबल ऑफ Content में उस पर क्लिक करेगा और सीधे उसी पैराग्राफ पर रीडायरेक्टर हो जाएगा।

Blogger Me Table Of Contents Page के फायदे

1. रीडर्स को Articles पढ़ने में आसानी होती है।

2. Table of Content के जरिए उनके आवश्यकता की जानकारी का पता उन्हें आसानी से चल पाता है।

3. टेबल आफ कंटेंट्स का इस्तेमाल करने से वेबसाइट सर्च इंजन ऑप्टिमाइजेशन के लिए अच्छी होती है।

4.वेबसाइट या ब्लॉग पेज रैक करने की चांसेस बढ़ जाते हैं।

5.आर्टिकल पढ़ने वाले लोगों का बहुत समय बच जाता है।

6. Table of content के जरिए वे पता लगा पाते हैं कि उनके आवश्यकता की जानकारी इस आर्टिकल में है या नहीं, इसके लिए पूरा आर्टिकल पढ़ने की आवश्यकता नहीं होती।

Blogger Me Table Of Contents Page Kaise Add Kare

#Step 1

1. सबसे पहले ब्लॉगर पर साइन इन करें।

2. थीम ऑप्शन में जाकर अपनी Theme का backup अवश्य लेवे, (जिससे कि अगर कोई कोडिंग में समस्या हुई तो आपकी वेबसाइट को वापिस पहले जैसा किया जा सके।)

3. थीम ऑप्शन के अंदर एडिट एचटीएमएल ऑप्शन पर क्लिक करें।

4. अब हमें एचटीएमएल सेक्शन में कुछ कोड ( 3 से 4 Codes) को पेस्ट करना है। 

First Code -  Html Section में कही भी माउस से सिंगल क्लिक करे और फिर  Ctrl+f  बटन Press करें, एक छोटा सा बॉक्स आएगा, बॉक्स के अन्दर  </head>  लिखना है, इससे आपको  </head> tag highlight होता हुआ दिखाई देगा.

Highlight होते हुये </head> tag के ऊपर नीचे दिया हुआ कोड copy करके paste करें। याद रहे कि इस कोड को </head>  tag के ऊपर ही पेस्ट करें। 

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> <script type='text/javascript'> //<![CDATA[ //*************TOC Plugin V2.0 by www.atmraj.com function mbtTOC2(){var a=1,b=0,c="";document.getElementById("post-toc").innerHTML=document.getElementById("post-toc").innerHTML.replace(/<h([\d]).*?>(.*?)<\/h([\d]).*?>/gi,function(d,e,f,g){return e!=g?d:(e>a?c+=new Array(e-a+1).join("<ol class='point"+a+"'>"):e<a&&(c+=new Array(a-e+1).join("</ol></li>")),b+=1,c+='<li><a href="#point'+b+'">'+f+"</a>",a=parseInt(e),"<h"+e+" id='point"+b+"'>"+f+"</h"+g+">")}),a&&(c+=new Array(a+1).join("</ol>")),document.getElementById("mbtTOC2").innerHTML+=c}function mbtToggle2(){var a=document.getElementById("mbtTOC2"),b=document.getElementById("Tog");"none"===a.style.display?(a.style.display="block",b.innerHTML="hide"):(a.style.display="none",b.innerHTML="show")} //]]> </script>



Second Code - अब इसके बाद Ctrl+f  क्लिक करे  ]]></b:skin> कोड को फाइंड करे, Find करने के बाद निचे दिए हुए कोड को कॉपी करके इस के ऊपर paste कर देवे

/*####TOC Plugin V2.0 by Mysharingideas####*/ .mbtTOC2{border:1px solid ##f7f0b8;background-color:#FFFFE0;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 10px 20px 10px; font-family:Oswald, arial;display: block;width: 80%;} .mbtTOC2 button{background:#FFFFE0; font-family:oswald, arial; font-size:22px;position:relative; outline:none;border:none; color:#707037;padding:0 0 0 15px;} .mbtTOC2 button a {color:#0080ff; padding:0px 2px;cursor:pointer;} .mbtTOC2 button a:hover{ text-decoration:underline; } .mbtTOC2 button span {font-size:15px; margin:0px 10px; } .mbtTOC2 li{margin:10px 0; } .mbtTOC2 li a {color:#0080ff; text-decoration:none; font-size:18px;} .mbtTOC2 li a:hover {text-decoration: underline;} .mbtTOC2 li li {margin:4px 0px;} .mbtTOC2 li li a{ color:#289728; font-size:15px;} .mbtTOC2 ol{counter-reset:section1;list-style:none} .mbtTOC2 ol ol{counter-reset:section2} .mbtTOC2 ol ol ol{counter-reset:section3;margin: 10px 0px;} .mbtTOC2 ol ol ol ol{counter-reset:section4} .mbtTOC2 ol ol ol ol ol{counter-reset:section5} .mbtTOC2 li:before{content:counter(section1);counter-increment:section1;position:relative;padding:0 8px 0 0;font-size:18px} .mbtTOC2 li li:before{content:counter(section1) "." counter(section2);counter-increment:section2;font-size:14px} .mbtTOC2 li li li:before{content:counter(section1) "."counter(section2) "." counter(section3);counter-increment:section3} .mbtTOC2 li li li li:before{content:counter(section1) "."counter(section2) "."counter(section3) "." counter(section4);counter-increment:section4} .mbtTOC2 li li li li li:before{content:counter(section1) "."counter(section2) "."counter(section3) "." counter(section4)"." counter(section5);counter-increment:section5}



Third Code - अब  Ctrl+f की मदद से इस कोड को   <data:post.body/> को फाइंड करे, और नीचे दिए हुए कोड को इस कोड की जगह REPLACE कर दे . यह कोड थीम में एक से कई बार होता है तो सभी जगह इस कोड को REPLACE करे .

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

#Step 2

First Code -

आपके ब्लॉगर के पोस्ट वाले ऑप्शन मैं जाना है। 

जिस भी पोस्ट में एक टेबल ऑफ कंटेंट लगाना है उस पोस्ट को ओपन कर ले आपको पोस्ट के हटमल सेक्शन में दो जगह कोड को पेस्ट करना होता है .

ब्लॉग पोस्ट को एचटीएमएल व्यू मे ओपन करें

आप जिस भी पैराग्राफ के नीचे टेबल आफ कंटेंट लगाना चाहते हैं उस पर ग्राफ के पास नीचे दिया हुआ कोड पेस्ट करे। 

<div class="mbtTOC2"> <button>Table of Contents <span>[<a onclick="mbtToggle2()" id="Tog">hide</a>] </span></button> <div id="mbtTOC2"></div> </div>

Second Code -

इसके बाद नीचे दिए गए कोर्ट को कॉपी करें और आपकी Blog पोस्टर के सबसे आखिर में इसे पेस्ट कर दें।

<script>mbtTOC2();</script><div class="mbtT

Blogger में  Table Of Contents Page ऑटोमटिक Kaise Add Kare

ब्लॉगर में अगर आप लोगो को Table Of Contents कोडिंग के जरिये लगाने में दिक्कत आ रही है ओर आप टेबल ऑफ़ कंटेंट नही लगा पाए तो आप अपने ब्लॉग में को एसी थीम लगाये जो की अपने आप आपके ब्लॉग आर्टिकल की हैडिंग को डिटेक्ट करके टेबल ऑफ़ कंटेंट क्रिएट कर देता है ।

इन थीम के जरिये आप के ब्लॉग पोस्ट में आटोमेटिक टेबल ऑफ़ कंटेंट पेज लग जायेगा .

1. Medium Ui 

FAQ

Q.1 - Table Of Contents  फ्री और Paid होता है।

Table Of Contents कोई भी ब्लॉगर अपने ब्लॉग पर बिल्कुल फ्री में लगा सकता है बस आपको इसके लिए कुछ बेसिक सी कोडिंग की आवश्यकता पढ़ती है जो कि आपको आनी चाहिए।

Q.2 - Table Of Contents ब्लॉगर में लगा सकते है?

Yes

Conclusion

दोस्तों आप लोगो ने सिखा Blogger Me Table Of Contents Page Kaise Add Kare, table of content kaise lagaye, blog me table of content kaise lagaye ब्लॉग पोस्ट में टेबल ऑफ़ कंटेंट लगाने का आसन तरीका जाना, आपकी समस्या हमारे साथ साझा करे हम आपके सवालों का जवाब जरुर देंगे .


यह भी पडे
Blog Me Image Kaise Lagaye 2023 : Blog में Image कैसे लगाये 
Blogger Template से Footer Credit Kaise Hataye 2023 
Blogger Me Table Of Contents Page Kaise Add Kare In Hindi 2023