Blogger में Responsive Table कैसे लगाए
नमस्कार दोस्तो ! स्वागत है आपका Techly360 ब्लॉग में।तो आज के इस आर्टिकल में हम बात करने वाले है Responsive Blogger Table के बारे में। की यह क्या है और हम कैसे Responsive Table को Blogger में लगा सकते है।साथ ही क्या हमें इस Responsive Table को Blogger में इस्तेमाल करना चाहिए।इन सभी बातों को हम इस आर्टिकल में जानेंगे।तो बने रहिये इस आर्टिकल में।
 |
| Blogger Me Responsive Table Kaise Add Kare |
Responsive Table क्या है!
आपने कई बार अलग अलग वेबसाइटों को देखा होगा।उनके आर्टिकल में कई प्रकार के Table होते है।इन टेबल्स की वजह से आपका आर्टिकल बहुत ही आकर्षक दिखता है।अब बात रही Responsive Table की।तो मैं बता दूं कि वैसा टेबल जो मोबाइल फ्रेंडली हो मतलब जिस भी डिवाइस में खुलेगा उसमे एकदम सही तरीके से खुले।उसे हम Responsive टेबल कहते है।
Blogger में Responsive Table
खासकर आपने नोट किया होगा कि लगभग टेबल वाले अर्टिकल्स वर्डप्रेस पर बने होते है।वर्डप्रेस में आपको सभी फीचर्स मिल जाते है।पर अगर आप ब्लॉगर का इस्तेमाल करते है ब्लॉगिंग करने के लिए और ब्लॉगर पर टेबल बनाने की सोच रहे है तो थोड़ा दिक्कत का सामना करना पड़ेगा।क्योंकि इसे Coding की मदद से बनाना पड़ेगा।
अगर आप ब्लॉगर पर पर टेबल बनाएंगे तो आपको इसमे समय देना पड़ेगा।लेकिन आपको एकदम Responsive Table देखने को मिल जाएगा।तो नीचे मैंने बताया है कि आप है अपने Blogger में Responsive Table जोड़ सकते है।
Also Read- Meta Tag Generator Tool For Blogger
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 सेक्शन में जाकर पेस्ट कर दे।
नोट-इस HTML Script को अपने अर्टिकल के अनुसार कस्टमाइज कर ले।
निष्कर्ष-आपको यह Responsive Blogger Table का आर्टिकल कैसा लगा।आप नीचे कमेंट बॉक्स में कमेंट करके जरूर बताएं।या किसी प्रकार का सुझाव देना भी चाहते है तो आप नीचे कमेन्ट बॉक्स में अपनी राय हमारे साथ साझा कर सकते है।
<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 Responsive Contact Form Templates [2021]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS1C6WGD7VBvEhRkkCGyMRqU5H7qpz8gl6iux8xs3aQOguyL-H3fY3ofXinJSgPecXcc9IZoJha_x2hOSh9pgkhxu2l7tl8y3bVmMVhCo47iK-SDTdWkU_fXzY3J1ekypRtUqj271-p2ef/s72-c/blogger+contact+us+template+free+.png)
![Blogger Responsive Contact Form Templates [2021]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS1C6WGD7VBvEhRkkCGyMRqU5H7qpz8gl6iux8xs3aQOguyL-H3fY3ofXinJSgPecXcc9IZoJha_x2hOSh9pgkhxu2l7tl8y3bVmMVhCo47iK-SDTdWkU_fXzY3J1ekypRtUqj271-p2ef/w72-h72-p-k-no-nu/blogger+contact+us+template+free+.png)
No comments:
Post a Comment