Skip to main content

Posts

Codepen

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

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

IDE-like screen

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

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

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

TABLE WITH BORDER AND RESPONSIVE(PROBLEM-1)

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

ADD MANUALLY SIMPLE TABLE

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