Skip to main content

Add HTML code FOR CONTENT OF TABLE TO blog posts

ब्लॉगर ब्लॉग पोस्ट में सामग्री की एक सरल तालिका को मैन्युअल रूप से केवल HTML कोड कैसे जोड़ें


केवल HTML कोड का उपयोग करके अपने ब्लॉगर ब्लॉग पोस्ट में सामग्री की एक सरल तालिका जोड़ने के लिए, आप इन चरणों का पालन कर सकते हैंः




HTML <h> टैग का उपयोग करके अपने ब्लॉग पोस्ट में शीर्षक बनाएं। उदाहरण के लिए, आप उप-शीर्षकों के लिए <h2> और उप-शीर्षकों के लिए <h3> का उपयोग कर सकते हैं। अपनी पोस्ट के दौरान लगातार एक ही HTML टैग का उपयोग करना सुनिश्चित करें।




अपने कर्सर को उस जगह रखें जहां आप अपनी पोस्ट में सामग्री की तालिका डालना चाहते हैं।




निम्नलिखित HTML कोड जोड़ेंः

<div id="table-of-contents">

  <strong>Table of Contents</strong>

  <ol>

    <li><a href="#heading-1">Heading 1</a></li>

    <li><a href="#heading-2">Heading 2</a></li>

    <li><a href="#heading-3">Heading 3</a></li>

  </ol>

</div>

"हेडिंग 1", "हेडिंग 2", और "हेडिंग 3" को अपने वास्तविक शीर्षकों के साथ बदलें, और "हेडिंग -1", "हेडिंग -2" और "हेडिंग -3" को उन शीर्षकों के साथ बदलें जिन्हें आपने सौंपा था।




अपने परिवर्तनों को सहेजें और यह सुनिश्चित करने के लिए अपनी पोस्ट का पूर्वावलोकन करें कि सामग्री की तालिका ठीक से प्रदर्शित हो रही है।


नोट: इस विधि के लिए आपको सामग्री की तालिका को मैन्युअल रूप से अपडेट करने की आवश्यकता होती है यदि आप अपने शीर्षकों में कोई बदलाव करते हैं। यदि आप सामग्री की अधिक स्वचालित तालिका चाहते हैं, तो आप प्लगइन या स्क्रिप्ट का उपयोग करने पर विचार कर सकते हैं।

.Start a blog CLICK HERE
Table of content manually CLICK HERE
..
Labels:

Comments

Post a Comment

Popular posts from this blog

RESPONSIVE TABLE CODE FOR BLOGGER TESTED

Steps to add this HTML CSS Responsive Grid Layout to your blogger post. Steps to add images to HTML CSS Responsive Grid Layout Generator for blogger post. Steps to add this HTML CSS Responsive Grid Layout to your blogger post. Go to your blogger dashboard and click on the new post. Create and design content for the first cell. After creating and styling the content for the first cell, click on Html Tab. Copy the content available in the HTML editor (Ctrl+A and Ctrl+C). Then come back to this site, click on Cell then paste the copied code into cell1. Repeat the same procedure for all cells. After creating content for all cells, customize the design for a responsive layout. Then copy the generated code and go back to your post editor. Click on the HTML tab then paste the copied code. Publish and view the post. Simple Grid Responsive Template will be added to your blogger post. Steps to add images to HTML CSS Responsive Grid Layout Generator for blogger post. Go to your blogger dashboard ...
Post a Comment
Read more

HOW TO ADD CSS CODE IN BLOG THEME CSS COUSTOM

  अपने ब्लॉगर पोस्ट के लिए सीमाओं और जवाबदेही के साथ एक तालिका जोड़ने के लिएः ब्लॉगर पोस्ट एडिटर खोलें और HTML मोड पर स्विच करें। तालिका के लिए HTML कोड को उस संपादक में कॉपी और पेस्ट करें जहां आप तालिका को प्रदर्शित करना चाहते हैं। अपने ब्लॉगर थीम संपादक के "कस्टम CSS" अनुभाग में CSS कोड को कॉपी और पेस्ट करें। यह सुनिश्चित करने के लिए कि तालिका सही ढंग से प्रदर्शित हो रही है, अपनी पोस्ट का पूर्वावलोकन करें। जब आप तालिका की उपस्थिति से संतुष्ट हों तो अपनी पोस्ट प्रकाशित करें। ध्यान दें कि यदि आप तालिका की उपस्थिति में परिवर्तन करना चाहते हैं, तो आपको तदनुसार HTML और CSS कोड को संपादित करने की आवश्यकता होगी। HOW TO GET CUSTOM CSS TEACH ME STEP BY STEP HOW TO PASTE IT THERE अपने ब्लॉगर थीम में कस्टम CSS जोड़ने के लिए, इन चरणों का पालन करेंः अपने Blogger Dashboard पर जाएं और बाएं हाथ के मेनू से "Theme" विकल्प पर क्लिक करें। उस थीम के बगल में "अनुकूलित करें" बटन पर क्लिक करें जिसे आप संपादित करना चाहते हैं। बाएं हाथ के मेनू में, "उन्नत" विकल्प पर क्लिक...
Post a Comment
Read more