Skip to main content

टेबल ऑफ़ कंटेंट डेमो

 आपको इस कोड को ब्लॉगर में जोड़ने के लिए निम्नलिखित स्टेप्स का पालन करना होगा:

1. ब्लॉगर डैशबोर्ड पर जाएं:


सबसे पहले, अपने ब्लॉगर अकाउंट में लॉग इन करें और ब्लॉग डैशबोर्ड पर जाएं।



2. लेआउट सेक्शन में जाएं:


डैशबोर्ड में "लेआउट" पर क्लिक करें। यहाँ आप अपने ब्लॉग के डिज़ाइन को कस्टमाइज़ कर सकते हैं।



3. HTML/JavaScript गेजेट जोड़ें:


"लेआउट" पेज पर, "Add a Gadget" पर क्लिक करें।


एक नई विंडो खुलेगी जिसमें कई गेजेट्स दिखेंगे। वहाँ से "HTML/JavaScript" गेजेट का चयन करें।



4. कोड पेस्ट करें:


HTML/JavaScript गेजेट में, टाइटल में आप "Table of Contents" या कुछ और लिख सकते हैं, या इसे खाली छोड़ सकते हैं।


फिर, कोड बॉक्स में, नीचे दिया गया कोड पेस्ट करें:



<div id="toc"></div>


<script type="text/javascript">

(function() {

    var toc = document.getElementById('toc');

    var headers = document.querySelectorAll('h2, h3, h4, h5, h6');

    var list = document.createElement('ul');

    headers.forEach(function(header, index) {

        var listItem = document.createElement('li');

        var link = document.createElement('a');

        link.setAttribute('href', '#' + header.id);

        link.textContent = header.textContent;

        listItem.appendChild(link);

        list.appendChild(listItem);

    });

    toc.appendChild(list);

})();

</script>


5. सहेजें और ब्लॉगर में जोड़ें:


अब, "Save" पर क्लिक करें और गेजेट को ब्लॉगर लेआउट में जोड़ें।


फिर, अपनी ब्लॉग पोस्ट में हेडिंग्स (h2, h3, h4, आदि) का उपयोग करें ताकि यह कोड उन्हें पहचान सके और TOC के रूप में दिखा सके।



6. हेडिंग्स का उपयोग करना:


सुनिश्चित करें कि आपकी पोस्ट में हेडिंग्स (h2, h3, h4) का उपयोग किया गया है। उदाहरण:



<h2 id="section1">Introduction</h2>

<p>This is the introduction section...</p>


<h2 id="section2">Benefits</h2>

<p>This is the benefits section...</p>


7. ब्लॉग पोस्ट को पब्लिश करें:


अब जब आप अपनी पोस्ट पब्लिश करेंगे, तो Table of Contents स्वचालित रूप से दिखाई देगा। उपयोगकर्ता TOC में किसी लिंक पर क्लिक करके सीधे उस हेडिंग पर स्क्रॉल कर सकते हैं।




---


यह कोड आपके ब्लॉग पोस्ट में जो भी h2, h3, h4, h5, h6 हेडिंग्स का उपयोग करेगा, उन्हें TOC (Table of Contents) में जोड़ देगा।


Comments

Post a Comment

Popular posts from this blog

Blood Group

  इम्यूनोहेमेटोलॉजी                  इम्यूनोलॉजी के सिद्धांतों का उपयोग करते हुए RBC के एंटीजन और उनके संबंधित एंटीबॉडी के अध्ययन के लिए प्रयोग होती है। यह शाखा यह समझने में मदद करती है कि Blood में मौजूद विभिन्न एंटीजन और एंटीबॉडी कैसे परस्पर क्रिया करते हैं ।  Red Cell Antigen Red cell antigen  red blood cell की surface पर पाए जाने वाले प्रोटीन या carbohydrate होते हैं। ये एंटीजन विभिन्न Blood groups को निर्धारित करने में महत्वपूर्ण भूमिका निभाते हैं। सबसे प्रमुख रेड सेल एंटीजन सिस्टम हैं: ABO सिस्टम:- इसमें चार प्रमुख रक्त समूह होते हैं - A, B, AB और O। प्रत्येक समूह की red blood cell पर specific एंटीजन होते हैं:    ग्रुप A में A एंटीजन होते हैं।    ग्रुप B में B एंटीजन होते हैं।    ग्रुप AB में दोनों A और B एंटीजन होते हैं।    ग्रुप O में कोई एंटीजन नहीं होता है। Rh सिस्टम:- इस सिस्टम में सबसे महत्वपूर्ण एंटीजन D है। इस एंटीजन की उपस्थिति या अनुपस्थिति के आधार पर रक्त समूह Rh+ (पॉजि...
Post a Comment
Read more

Puls Oximeter

सीन 1: इंट्रोडक्शन ( एक साफ और सुंदर पृष्ठभूमि, एक व्यक्ति मुस्कुराते हुए कैमरे के सामने खड़ा है) नरेटर : जय हिंद दोस्तों, मैं विनोद लेबोरेटरी टेक्नोलॉजिस्ट, आज मैं आप लोगों को  एक बहुत ही महत्वपूर्ण, मेडिकल डिवाइस के बारे में बताऊंगा। जो है " पल्स ऑक्सीमीटर "। _______________________________________________ सीन 2:  पल्स ऑक्सीमीटर का परिचय (पल्स ऑक्सीमीटर का क्लोज़-अप शॉट) नरेटर: पल्स ऑक्सीमीटर एक छोटा, पोर्टेबल,और उपयोगी मेडिकल device है,  जो आपकी उंगली पर लगाया जाता है।  यह आपके blood में ऑक्सीजन saturation, blood flow, heart rate को मापता है। _______________________________________________ सीन 3:  उपयोगिता और महत्व (एक व्यक्ति पल्स ऑक्सीमीटर का उपयोग कर रहा है) नरेटर:  पल्स ऑक्सीमीटर का उपयोग विशेष रूप से उन लोगों के लिए महत्वपूर्ण है, जो श्वसन संबंधित समस्याओं से ग्रस्त हैं, जैसे अस्थमा, COPD, और COVID-19। यह चिकित्सकों और घर पर रह रहे लोगों के लिए आवश्यक उपकरण बन गया है। ----------------------------------------------------- सीन 4:  कैसे करें उपयोग...
Post a Comment
Read more