learnblog

  See the Pen Untitled by Alan Jones ( @Alan-Jones ) on CodePen .

  Table of Content 👈 वह कोड जिसका उपयोग मैं ब्लॉग पोस्ट में कोडपैन जोड़ने के लिए कर सकता हूं क्या हम अपने नंबर पर पेन आईडी दे सकते हैं? कोडपैन आईडी कैसे और कहां से मिली? मेरे पास पैन है लेकिन उसमें अपनी जानकारी कैसे लिखूं क्या ऊपरी कोड से स्क्रॉलिंग बार के साथ कोड पेन मिल सकता है स्क्रॉलिंग = "नहीं" क्या दर्शाता है?  scrolling="no" represents what? कुछ पूरी तरह से मुफ्त साइट का नाम Head1 Head2 Head1 row1 column1 Head2 row1 column2 Head1 row2 column1 Head2 row2 column2 Head1 row3 column1 Head2 row3 column2 Head1 row4 column1 Head2 row4 column2 Head1 row5 column1 Head2 row5 column2 1 column1 Row1 Description

उदाहरण के लिए, आप एक कोड स्निपेट बनाने के लिए कोडपेन (https://codepen.io/) या JSFiddle (https://jsfiddle.net/) का उपयोग कर सकते हैं और फिर इसे अपने ब्लॉगर पोस्ट में एम्बेड किए गए HTML एम्बेड कोड का उपयोग करके एम्बेड कर सकते हैं।  Table of Content👈 code pen को ब्लॉग में कैसे ऐड करे? कोडपेन पर जाएं और वह पेन ढूंढें जिसे आप एम्बेड करना चाहते हैं। पेन के नीचे स्थित " embade " बटन पर क्लिक करें। "साझा करें" मेनू में, "एम्बेड करें" विकल्प चुनें। वांछित के रूप में एम्बेड सेटिंग्स को अनुकूलित करें। आप एम्बेडेड पेन का आकार चुन सकते हैं, कोड संपादक और अन्य विकल्प दिखाना है या नहीं। एक बार जब आप एम्बेड सेटिंग्स को अनुकूलित कर लेते हैं, तो "एम्बेड" अनुभाग में प्रदान किए गए एम्बेड कोड को कॉपी करें। एम्बेड कोड को अपने ब्लॉग पोस्ट के HTML में वहां पेस्ट करें जहां आप चाहते हैं कि CodePen दिखाई दे। अपने ब्लॉग पोस्ट को सहेजें और प्रकाशित करें। एम्बेड किया गया कोडपेन अब पोस्ट में दिखाई देना चाहिए। ध्यान दें कि आपके ब्लॉगिंग प्लेटफॉर्म के आधार पर, कोडपेन एम...

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 ...

  अपने ब्लॉगर पोस्ट के लिए सीमाओं और जवाबदेही के साथ एक तालिका जोड़ने के लिएः ब्लॉगर पोस्ट एडिटर खोलें और 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" विकल्प पर क्लिक करें। उस थीम के बगल में "अनुकूलित करें" बटन पर क्लिक करें जिसे आप संपादित करना चाहते हैं। बाएं हाथ के मेनू में, "उन्नत" विकल्प पर क्लिक...

(IF YOUR THEME IS NOT COMPATIBLE WITH CUSTOM CSS CODE BORDER WILL NOT SHOW HERE) Header 1 Header 2 Header 3 Row 1, Column 1 Row 1, Column 2 Row 1, Column 3 Row 2, Column 1 Row 2, Column 2 Row 2, Column 3 HTML CODE <div class="table-wrapper">   <table>     <tbody><tr>       <th>Header 1</th>       <th>Header 2</th>       <th>Header 3</th>     </tr>     <tr>       <td>Row 1, Column 1</td>       <td>Row 1, Column 2</td>       <td>Row 1, Column 3</td>     </tr>     <tr>       <td>Row 2, Column 1</td>       <td>Row 2, Column 2</td>       <td>Row 2, Co...

Header 1 Header 2 Header 3 Row 1, Column 1 Row 1, Column 2 Row 1, Column 3 Row 2, Column 1 Row 2, Column 2 Row 2, Column 3 <table>   <tr>     <th>Header 1</th>     <th>Header 2</th>     <th>Header 3</th>   </tr>   <tr>     <td>Row 1, Column 1</td>     <td>Row 1, Column 2</td>     <td>Row 1, Column 3</td>   </tr>   <tr>     <td>Row 2, Column 1</td>     <td>Row 2, Column 2</td>     <td>Row 2, Column 3</td>   </tr> </table> पोस्ट एडिटर के ऊपरी बाएं कोने में स्थित "HTML" बटन पर क्लिक करके पोस्ट एडिटर में HTML एडिटर पर जाएं। HTML संपादक में, वह स्थान ढूंढें जहां आप तालिका डालना चाहते हैं। निम्नलिखित कोड को कॉपी और पेस्ट करेंः अपने स्वयं के डेटा के साथ कोड मे...

Header 1 Header 2 Header 3 Row 1, Column 1 Row 1, Column 2 Row 1, Column 3 Row 2, Column 1 Row 2, Column 2 Row 2, Column 3 <table style="border: 1px solid black;">   <tbody><tr>     <th style="border: 1px solid black;">Header 1</th>     <th style="border: 1px solid black;">Header 2</th>     <th style="border: 1px solid black;">Header 3</th>   </tr>   <tr>     <td style="border: 1px solid black;">Row 1, Column 1</td>     <td style="border: 1px solid black;">Row 1, Column 2</td>     <td style="border: 1px solid black;">Row 1, Column 3</td>   </tr>   <tr>     <td style="border: 1px solid black;">Row 2, Column 1</td>     <td style="border: 1px solid black;">Row 2, Column 2</td>   ...

ब्लॉगर ब्लॉग पोस्ट में सामग्री की एक सरल तालिका को मैन्युअल रूप से केवल 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", और...

 HTML <h> टैग का उपयोग करके ब्लॉग पोस्ट में हेडिंग कैसे बनाएं। HTML <h> टैग का उपयोग करके अपने ब्लॉग पोस्ट में शीर्षक बनाने के लिए, आप इन चरणों का पालन कर सकते हैंः अपने Blogger Account में Login करें और जिस Post को आप Edit करना चाहते हैं उसके लिए Post Editor के पास जाएं। पोस्ट संपादक के ऊपरी दाएं कोने में "HTML" टैब पर क्लिक करके HTML संपादक पर स्विच करें। अपनी पोस्ट में उस जगह का पता लगाएं जहां आप एक शीर्षक डालना चाहते हैं। शीर्षक बनाने के लिए, उपयुक्त HTML <h> टैग का उपयोग करें। उदाहरण के लिए, एक मुख्य शीर्षक बनाने के लिए, <h1> का उपयोग करें, एक उप-शीर्षक उपयोग के लिए <h2>, और एक उप-शीर्षक उपयोग के लिए <h3>, और इसी तरह। उद्घाटन और समापन टैग के बीच अपने शीर्षक पाठ टाइप करें। उदाहरण के लिए, यदि आप एक मुख्य शीर्षक बनाना चाहते हैं जिसे "मेरा ब्लॉग पोस्ट" कहा जाता है, आप निम्नलिखित कोड का उपयोग करेंगेः <h1>My Blog Post</h1> अपने परिवर्तनों को सहेजें और अपनी पोस्ट देखने के लिए "रचना" संपादक पर वापस स्विच करें। अ...

 👀table of content here ब्लॉग कैसे शुरू करें एक विषय या आला चुनें:  एक ब्लॉगिंग मंच चुनें:  एक डोमेन नाम और होस्टिंग चुनें: अपना ब्लॉग सेट करें:  कंटेंट बनाएं: अपने ब्लॉग को बढ़ावा दें: अपने दर्शकों के साथ जुड़ें:  ब्लॉग कैसे शुरू करें ब्लॉग शुरू करना दुनिया के साथ अपने विचारों, अनुभवों और विचारों को साझा करने का एक शानदार तरीका है। ब्लॉग शुरू करने के लिए यहां चरण दिए गए हैंः एक विषय या आला चुनें: उस विषय या आला पर निर्णय लें जिसके बारे में आप लिखना चाहते हैं। यह आपको एक विशिष्ट दर्शकों को आकर्षित करने में मदद करेगा जो आपकी सामग्री में रुचि रखते हैं। एक ब्लॉगिंग मंच चुनें:  WordPress, Blogger और Tumblr जैसे कई Blogging Platform उपलब्ध हैं। एक है कि अपनी आवश्यकताओं और बजट फिट बैठता है चुनें। एक डोमेन नाम और होस्टिंग चुनें:   एक डोमेन नाम चुनें जो याद रखना आसान हो और आपके ब्रांड को दर्शाता हो। आपको अपने ब्लॉग को होस्ट करने के लिए एक होस्टिंग प्रदाता भी चुनना होगा। अपना ब्लॉग सेट करें:  ब्लॉगिंग प्लेटफ़ॉर्म स्थापित करें और इसे अपनी आवश्यकताओं के अ...