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

प्रीवेंटिव मेजर

सर्प दंश से बचने के लिए निम्नलिखित 15 उपाय अपनाए जा सकते हैं: 1. **साफ-सफाई रखें:** अपने आसपास की जगह को साफ-सुथरा रखें ताकि सांपों को छुपने की जगह न मिले। 2. **खुले पैर न चलें:** घास, झाड़ियों, या जंगलों में चलते समय जूते और मोटे कपड़े पहनें। 3. **अच्छी रोशनी का उपयोग करें:** रात में बाहर जाते समय टॉर्च या फ्लैशलाइट का उपयोग करें। 4. **सावधानी से काम करें:** लकड़ी या पत्थरों को उठाते समय सावधानी बरतें। 5. **सर्पों की आदतें जानें:** अपने क्षेत्र में पाए जाने वाले सर्पों के प्रकार और उनकी आदतें जानें। 6. **सर्प-रोधी तेल या स्प्रे का उपयोग करें:** विशेष तेल या स्प्रे का उपयोग करें जो सांपों को दूर रखने में सहायक होते हैं। 7. **घर के आसपास की झाड़ियाँ काटें:** अपने घर के आसपास की झाड़ियों और घास को नियमित रूप से काटते रहें। 8. **दरवाजे और खिड़कियाँ बंद रखें:** रात में दरवाजे और खिड़कियाँ बंद रखें और दरवाजों के नीचे की दरारों को सील करें। 9. **पशु चारा सुरक्षित रखें:** घर के आसपास पशु चारा न रखें जिससे चूहे आकर्षित होते हैं, क्योंकि चूहे सांपों का भोजन हैं। 10. **पानी के स्रोतों को ढकें:**...
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