ब्लॉगर के ब्लॉग पोस्ट में टेबल कैसे जोड़ें ( Add ) करे?

Blogger me table kaise banaye:- अगर आप ने भी ब्लॉगर पर अपना ब्लॉग बना रखा है और ब्लॉग पोस्ट
में टेबल ऐड करना चाहते हो वो भी सिम्पली तरीके से तो आप यह वेबसाइट पर सीखे जाओगे सिर्फ
2 मिनट में अगर आप ब्लॉग बनाना सीख रहे है या बनवा रहे है तो आप Easily ब्लॉग बना
सकते हो हमारे इस पोस्ट से तो जाइये और अभी अपना ब्लॉग बना ले अपना ब्लॉग बनाये

blogger me table kaise banaye

टेबल क्या होती है और रिस्पॉन्सिव टेबल कैसे काम करती है

टेबल वह होती है जिसमे हम आकड़े कर्म अनुसार रखते है उसे टेबल कहते है यह कॉलम और रौस
से बनी एक सरचना है जिसमे रखे आकड़े का स्ट्रक्चर अच्छा दिखाई पड़ता है यह एक डाटा रखने का
स्ट्रक्चर फॉर्मेट है जो हमे टेबल के रूप में दिखाई देती है

यह दो भागों में होती है Row और Column जो टॉप से बॉटम आती है वो रौ कहलाती है
जबकि कॉलम लेफ्ट से राइट आते है उन्हें कॉलम कहते है

रेस्पॉन्सिव टेबल सिंपल टेबल की तरहे ही होती है बस फर्क इतना होता है की रेस्पॉन्सिव टेबल हर डिवाइस
में अपना छोटा बड़ा रूप कर लेती है जितना उसे जरूरत होती है कंप्यूटर में कंप्यूटर की स्क्रीन जितनी
टेबल बनती है मोबाइल फ़ोन में मोबाइल के हिसाब से कन्वर्ट हो जाती है और टेबलेट, लैपटॉप सब डिवाइस
में अपना रूप बना लेती है जबकि नार्मल टेबल अपना वैसा ही रूप रखती है और जिससे आपकी वेबसाइट
पर विजिटर को अच्छी नही लगती आकड़े पुरे दिखाई नहीं देते इसलिए हम रेस्पॉन्सिव टेबल ही use करते है

ब्लॉगर के अंदर रिस्पॉन्सिव टेबल कैसे बनाते हैं?

दोस्तों अगर आप ब्लॉगर में टेबल बनाना चाहते हो तो उसके लिए आप को Coding की जरूरत पड़ेगी और
जैसा की आपको तो Coding आती नहीं है में बताता हु हमे टेबल बनाने में HTML और CSS की
जरुरत होगी तभी आप एक ब्लॉगर में टेबल को बना सकते हो HTML और CSS Code में आपको आगे
जाकर देने वाला हु आपको मेरे बताए सारे स्टेप को फॉलो करना है उसके लिए आर्टिकल पूरा पढ़े तभी
आप एक अच्छी रेस्पोंसिव टेबल ऐड कर सकते हो

जरुर पढ़े:- Blogger पर Free Blog Kaise Banaye 2022

ब्लॉगर में CSS कोड कैसे जोड़ें?

ब्लॉगर में Table ऐड करने के लिए सबसे पहले निचे दिया गया CSS कोड को अपने थीम में पेस्ट
करना होगा पहले उसे यहाँ से कॉपी कर ले

CSS कोड फॉर रेस्पोंसिव टेबल?

/* CSS Post Table by www.dailyhindipost.com*/
.post-body table th, .post-body table td,
.post-body table caption{border:1px solid #2E2E2E;padding:.2em .5em;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #2E2E2E;}
.post-body th{font-weight:600;}
.post-body table caption{border:none;font-style:Arial;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:15px;padding:3px 5px;border:1px solid #010101;}
.post-body th{background:#007874;color:#ffff;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container,
.post-body table.tr-caption-container img,
.post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;tablelayout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}

जरुर पढ़े:- 5 Best Blogger Template 2022

ब्लॉगर में CSS कोड जोड़ने का तरीका

  • सबसे पहले ब्लॉगर वेबसाइट में लॉगइन कर ले
  • फिर थीम के ऑप्शन पर जाएं
  • और एडिट HTML पर क्लिक कर ले
  • आपके सामने ब्लॉग की Coding आ जायेगी आपको Coding में एक बार क्लिक करना है कही भी कर सकते हो और उसके बाद CTRL F दबा देना है
  • CTRL F दाबने पर आपको टॉप में लेफ्ट या राइट में एक सर्च बॉक्स खुलकर सामने आएगा आपको उसे में ]]></b:template-skin> यह टाइप कर लेना है या मेरी वेबसाइट से कॉपी कर के पेस्ट कर देना है अगर फिर भी सर्च नहीं होता या आपको नही मिलता तो आपको यह लिखकर जैसे की मैंने बताया है वैसे ही आपको सर्च करना है </b:template-skin> कोड सर्च होने के बाद अपनी जगह पर ले जाएगा जहां यह कोड पेस्ट हो रखा है
  • आपको अब CSS कोड पेस्ट करना है जो में पहले ही ऊपर दे चूका हु आपको वहाँ से कॉपी कर लेना है और जो कोड हाईलाइट हो रहा है सिम्पली उसके ऊपर पेस्ट कर देना है आपका CSS का काम यही पर खत्म होता है और उसके बाद सेव थीम पर क्लिक करना है

ब्लॉगर में रिस्पॉन्सिव टेबल बनाने के लिए HTML कोड का उपयोग कैसे करें?

अब तक आपने थीम में CSS Code ऐड कर लिया होगा अब आपको HTML Code ऐड करना है तभी
आपकी टेबल Responsive बन सकती है निचे में कोड दे रहा हूं उसको कॉपी करके जिस पोस्ट में आपको
टेबल बनानी है उसके Html कोड में जाकर जहा आपको टेबल चाहिए ऐड कर देना है टेबल बन जाएगी
निचे में पॉइंट से बताने वाला हु कोड कॉपी कर ले औरो चले पॉइंट की तरफ

<table border=1>
<tr>
<th>No.</th>
<th>Social Media</th>
<th>Count</th>
</tr>
<tr>
<td>1.</td>
<td>YouTube</td>
<td>1.3M</td>
</tr>
<tr>
<td>2.</td>
<td>Facebook</td>
<td>4.5M</td>
</tr>
<tr>
<td>3.</td>
<td>Twitter</td>
<td>60.7M</td>
</tr>
<tr>
<td>4.</td>
<td>Instagram</td>
<td>74.M</td>
</tr>
</table>
  • आपको New Post के बटन पर क्लिक करना है
  • आपको Title के Just निचे एक पेन बना हुआ दिखाई देगा उस पर क्लिक करना है क्लिक करने के बाद दो ऑप्शन Compose View और Html View, Compose view वो जो आपके सामने खुला हुआ है आपको HTML पर क्लिक करना है
  • आपके सामने HTML खुल गया आपको जहा भी टेबल ऐड करनी है वह क्लिक करे और जो मैंने ऊपर आपको कोड दिया है उसे कॉपी करके पेस्ट कर देना है
  • इसके बाद आपकी टेबल आपकी पोस्ट में Compose box आ गयी होगी आप इस टेबल को कम ज्यादा कर सकते है अगर आप को कम ज्यादा करनी नहीं आती तो आप हमें कमेंट करके जरुर बताएं में आपको बताऊंगा कैसे करनी है ब्लॉगर में टेबल ऐड और कम ज्यादा

आखिर में,

दोस्तों आज के इस पोस्ट में हमने आपको Blogger me table kaise banaye सिखाया है आपने ब्लॉगर में
रेस्पोंसिव टेबल ऐड करना सीख लिया होगा तो दोस्तों अगर आप सिख गए है तो आप इस शेयर जरुर करे
उन्हें जो blogger me table kaise banaye के बारे में सही तरीका ढूंढ रहे है

दोस्तों में Yuvi Rai DailyHindiPost का एडमिन आपसे विनती करता हु एक बार हमारी इस ब्लॉग पर जरूर विजिट करे हमारा दूसरा ब्लॉग है जिसमे आपको इंग्लिश में कंटेंट मिलेंगे Tech, Internet, Beautytips, News आदि Clickhere

Leave a Comment