For More Info Subscribe My YouTube Channel ! Thank You

Blogger में Responsive Table कैसे लगाए

नमस्कार दोस्तो ! स्वागत है आपका Techly360 ब्लॉग में।तो आज के इस आर्टिकल में हम बात करने वाले है Responsive Blogger Table के बारे में। की यह क्या है और हम कैसे Responsive Table को Blogger में लगा सकते है।साथ ही क्या हमें इस Responsive Table को Blogger में इस्तेमाल करना चाहिए।इन सभी बातों को हम इस आर्टिकल में जानेंगे।तो बने रहिये इस आर्टिकल में।
best responsive table for blogger,  responsive table blogger me kaise add kare
Blogger Me Responsive Table Kaise Add Kare

Responsive Table क्या है!

आपने कई बार अलग अलग वेबसाइटों को देखा होगा।उनके आर्टिकल में कई प्रकार के Table होते है।इन टेबल्स की वजह से आपका आर्टिकल बहुत ही आकर्षक दिखता है।अब बात रही Responsive Table की।तो मैं बता दूं कि वैसा टेबल जो मोबाइल फ्रेंडली हो मतलब जिस भी डिवाइस में खुलेगा उसमे एकदम सही तरीके से खुले।उसे हम Responsive टेबल कहते है।

Blogger में Responsive Table

खासकर आपने नोट किया होगा कि लगभग टेबल वाले अर्टिकल्स वर्डप्रेस पर बने होते है।वर्डप्रेस में आपको सभी फीचर्स मिल जाते है।पर अगर आप ब्लॉगर का इस्तेमाल करते है ब्लॉगिंग करने के लिए और ब्लॉगर पर टेबल बनाने की सोच रहे है तो थोड़ा दिक्कत का सामना करना पड़ेगा।क्योंकि इसे Coding की मदद से बनाना पड़ेगा।

अगर आप ब्लॉगर पर पर टेबल बनाएंगे तो आपको इसमे समय देना पड़ेगा।लेकिन आपको एकदम Responsive Table देखने को मिल जाएगा।तो नीचे मैंने बताया है कि आप है अपने Blogger में Responsive Table जोड़ सकते है।

Also Read-

Blogger Me Responsive Table Kaise Add Kare

तो ऊपर आपने जाना है Responsive Table के बारे में।तो अभी हम जानेंगे कि कैसे हम अपने ब्लॉगर में इस Responsive Table को लगा सकते है।और अपने ब्लॉगपोस्ट को आकर्षित बना सकते है।इसके लिए आपको अपने ब्लॉगर के टेम्प्लेट में कुछ Script को जोड़ना पड़ेगा।साथ ही HTML को भी कस्टमाइज करना पड़ेगा अपने अनुसार।

Step 1- सबसे पहले आपको अपने ब्लॉगर के डैशबोर्ड में लॉगिन करना है।

Step 2- अब आपको नीचे बॉक्स में Bootstrap CDN Code मिलेगा।इस Code को कॉपी कर ले।
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
Step 3- अब आपको Edit HTML में जाकर जो Code कॉपी किया था। इस कोड को <head> tag के नीचे पेस्ट कर दे और सेव कर दे।

Step 4- नीचे आपको HTML Script मिलेगा।इस कोड को कॉपी करके New Post में जाकर HTML सेक्शन में जाकर पेस्ट कर दे।
<table class="table"><thead class="thead-dark">
<tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr>
</thead><tbody>
<tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr>
<tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr>
<tr><th scope="row">3</th><td>Larry</td><td>the Bird</td><td>@twitter</td></tr>
</tbody></table>


नोट-इस HTML Script को अपने अर्टिकल के अनुसार कस्टमाइज कर ले।

अधिक जानकारी के लिए विडियो देखे!




निष्कर्ष-आपको यह  Responsive Blogger Table का आर्टिकल कैसा लगा।आप नीचे कमेंट बॉक्स में कमेंट करके जरूर बताएं।या किसी प्रकार का सुझाव देना भी चाहते है तो आप नीचे कमेन्ट बॉक्स में अपनी राय हमारे साथ साझा कर सकते है।

Blogger Me Responsive Table Kaise Add Kare

Blogger में Responsive Table कैसे लगाए

नमस्कार दोस्तो ! स्वागत है आपका Techly360 ब्लॉग में।तो आज के इस आर्टिकल में हम बात करने वाले है Responsive Blogger Table के बारे में। की यह क्या है और हम कैसे Responsive Table को Blogger में लगा सकते है।साथ ही क्या हमें इस Responsive Table को Blogger में इस्तेमाल करना चाहिए।इन सभी बातों को हम इस आर्टिकल में जानेंगे।तो बने रहिये इस आर्टिकल में।
best responsive table for blogger,  responsive table blogger me kaise add kare
Blogger Me Responsive Table Kaise Add Kare

Responsive Table क्या है!

आपने कई बार अलग अलग वेबसाइटों को देखा होगा।उनके आर्टिकल में कई प्रकार के Table होते है।इन टेबल्स की वजह से आपका आर्टिकल बहुत ही आकर्षक दिखता है।अब बात रही Responsive Table की।तो मैं बता दूं कि वैसा टेबल जो मोबाइल फ्रेंडली हो मतलब जिस भी डिवाइस में खुलेगा उसमे एकदम सही तरीके से खुले।उसे हम Responsive टेबल कहते है।

Blogger में Responsive Table

खासकर आपने नोट किया होगा कि लगभग टेबल वाले अर्टिकल्स वर्डप्रेस पर बने होते है।वर्डप्रेस में आपको सभी फीचर्स मिल जाते है।पर अगर आप ब्लॉगर का इस्तेमाल करते है ब्लॉगिंग करने के लिए और ब्लॉगर पर टेबल बनाने की सोच रहे है तो थोड़ा दिक्कत का सामना करना पड़ेगा।क्योंकि इसे Coding की मदद से बनाना पड़ेगा।

अगर आप ब्लॉगर पर पर टेबल बनाएंगे तो आपको इसमे समय देना पड़ेगा।लेकिन आपको एकदम Responsive Table देखने को मिल जाएगा।तो नीचे मैंने बताया है कि आप है अपने Blogger में Responsive Table जोड़ सकते है।

Also Read-

Blogger Me Responsive Table Kaise Add Kare

तो ऊपर आपने जाना है Responsive Table के बारे में।तो अभी हम जानेंगे कि कैसे हम अपने ब्लॉगर में इस Responsive Table को लगा सकते है।और अपने ब्लॉगपोस्ट को आकर्षित बना सकते है।इसके लिए आपको अपने ब्लॉगर के टेम्प्लेट में कुछ Script को जोड़ना पड़ेगा।साथ ही HTML को भी कस्टमाइज करना पड़ेगा अपने अनुसार।

Step 1- सबसे पहले आपको अपने ब्लॉगर के डैशबोर्ड में लॉगिन करना है।

Step 2- अब आपको नीचे बॉक्स में Bootstrap CDN Code मिलेगा।इस Code को कॉपी कर ले।
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
Step 3- अब आपको Edit HTML में जाकर जो Code कॉपी किया था। इस कोड को <head> tag के नीचे पेस्ट कर दे और सेव कर दे।

Step 4- नीचे आपको HTML Script मिलेगा।इस कोड को कॉपी करके New Post में जाकर HTML सेक्शन में जाकर पेस्ट कर दे।
<table class="table"><thead class="thead-dark">
<tr><th scope="col">#</th><th scope="col">First</th><th scope="col">Last</th><th scope="col">Handle</th></tr>
</thead><tbody>
<tr><th scope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr>
<tr><th scope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr>
<tr><th scope="row">3</th><td>Larry</td><td>the Bird</td><td>@twitter</td></tr>
</tbody></table>


नोट-इस HTML Script को अपने अर्टिकल के अनुसार कस्टमाइज कर ले।

अधिक जानकारी के लिए विडियो देखे!




निष्कर्ष-आपको यह  Responsive Blogger Table का आर्टिकल कैसा लगा।आप नीचे कमेंट बॉक्स में कमेंट करके जरूर बताएं।या किसी प्रकार का सुझाव देना भी चाहते है तो आप नीचे कमेन्ट बॉक्स में अपनी राय हमारे साथ साझा कर सकते है।

5 comments:

  1. Mobile me shi se Show nhi hota hai Desktop me shi se show hota hai can you fix this

    ReplyDelete
    Replies
    1. agar tumhara template responsive & Mobile Friendly hoga to yah formula jarur kaam karega.

      Delete
  2. Bro maine ye nhi kaha ki ye work nhi karta ye work karta hai but iska jo design hai wo desktop version me full dikhta hai mobile me half dikhta hai

    ReplyDelete
    Replies
    1. To Agar Ye Kaam Nhi Kar tha hai to Bootstrap CDN ke Bina Hi Table Use karke dekho.shayad CDN Pahle Se Hi Template me ho

      Delete
  3. Without cdn use karne pr sirf simple text aata hai waise koi baat nhi aapne Mere sawalo ka jawab diya aapka bahut bahut dhanybad aise hi post likhte rahiye taki hum jaise new blogger ko kuch sikhne ko milta rahe

    ReplyDelete