Skip to main content

जानिए Blogger में Responsive Table कैसे बनाए

इस पोस्ट में, आप सीखेंगे कि HTML और CSS कोड की मदद से Blogger में Responsive Table कैसे बनाए ? और साथ में आप यह भी जानेंगे कि Responsive Table क्या है और यह कैसे काम करती है ?

Responsive Table क्या है और यह कैसे काम करती है ?

जानिए Blogger में Responsive Table कैसे बनाए


वह Table जो Device के Screen Size के अनुसार अपने आकार को स्वचालित रूप से बदल सकती है, Responsive Table कहलाती है । Responsive Table अलग-अलग Size के Device में अलग - अलग दिखती है,

जैसे कि अगर आप इसे Mobile में खोलेंगे तो यह Mobile Size में नजर आएगी और Tab में Open करने से यह उसके अनुरूप Size में नजर आएगी और अगर आप इसे Computer में खोलेंगे तो, Computer का आकार में यह आपको दिखाई देगा। तो इस तरह से Responsive Table काम करती है।

आपकी Website या Blog की Theme एक Responsive Theme है तो आपको उसके अंदर एक Responsive Table का इस्तेमाल करना चाहिए। यदि आप Responsive Theme के अंदर Responsive Table का उपयोग नहीं करते हैं, तो जब कोई आपकी Website या Blog को Mobile पर खोलता है, तो आपका Table उसे पूरी तरह से दिखाई नहीं देगा।

इससे आपकी Website पर Negative impact पड़ेगा। तो आपको हमेशा एक Responsive Theme के भीतर एक Responsive Table का उपयोग करना चाहिए।

Blogger में Responsive Table कैसे बनाए ?

Blogger के अंदर HTML और CSS कोड की मदद से आप आसानी से एक Responsive Table बना सकते हैं। Blogger में Responsive Table बनाने के लिए आपको जिस HTML और CSS कोड की आवश्यकता होगी,

दोनों Code नीचे दिए गए हैं और साथ ही यह भी बताया गया है कि Code को कैसे Use करें। तो आप नीचे दिए गए सभी Steps को पढ़ें और उन Code को अपने Blogger में उसी तरह जोड़ें जैसे की आपको बताया गया है।

Blogger में CSS Code कैसे Use करें ?

Blogger में Responsive Table बनाने के लिए सबसे पहले आपको नीचे दिए गए CSS कोड के file को download करना होगा। फिर उस code को अपने Blogger में जोड़ना होगा।

Responsive Table के लिए CSS Code :

Blogger में CSS Code जोड़ने के दो तरीके हैं। आप इनमें से किसी भी तरीके से Blogger में CSS Code जोड़ सकते हैं। यदि पहली विधि काम नहीं करती है, तो आप दूसरी विधि का उपयोग कर सकते हैं।

Blogger में Responsive Table बनाने के लिए CSS Code जोड़ने का पहला तरीका :

  • सबसे पहले Blogger के अंदर Theme पर जाए।
  • इसके बाद Edit HTML पर Click करें।
  • उसके बाद आपके सामने Blogger का HTML खुल जाएगा।
  • अब आपको एक बार HTML के अंदर क्लिक करना है और फिर कीबोर्ड से Ctrl+F प्रेस करना है।
  • Ctrl + F दबाने पर HTML के ऊपरी दाएं कोने में एक Search Box खुल जाएगा। उस Search Box में आपको ]]> लिखकर Search करना है ।
  • अगर आपको इस Code से कुछ नहीं मिलता है, तो लिखकर Search करें । जैसे ही आप इस code को लिखते और search करते हैं, यह code HTML के अंदर Highlight हो जाएगा, चाहे वह कहीं भी हो।
  • अब आपको ऊपर दिए गए CSS Code के file के अंदर के code को Copy करके ]]> के उपर paste करना होगा।
  • याद रखें कि आपको ]]> के पहले CSS कोड Paste करना होगा।
  • इतना करने के बाद Save Theme पर click करें और theme को save करें।

Blogger में Responsive Table बनाने के लिए CSS Code जोड़ने का दूसरा तरीका :

यदि आपका CSS Code पहले काम नहीं करता है, या यदि आप पहले तरीके से Blogger के अंदर CSS Code नहीं जोड़ सकते हैं, तो एक और तरीका है जिससे आप अपने Blogger में CSS Code जोड़ सकते हैं। यह तरीका पिछले वाले की तुलना में आसान है।

  • सबसे पहले Blogger के अंदर Theme पर जाए ।
  • उसके बाद उसके अंदर एक new page खुलेगा, आपको " Customize " नाम का एक option मिलेगा , उस पर click करें।
  • उसके बाद आपके सामने Blogger Theme Designer खुल जाएगा। अब " Advanced " नाम का एक Option मिलेगा, उस पर आपको click करना है।
  • आपको "Add CSS" नामक एक option दिखाई देगा, उस पर क्लिक करें।
  • Add CSS पर click करने के बाद आपके सामने Custom CSS का एक Box मिलेगा। इस box के मदद से आप Blogger के अंदर जो भी CSS code जोड़ना चाहते हैं उसे जोड़ सकते हैं।
  • अब आपको ऊपर दिए गए CSS Code को इस Custom CSS box में paste करना है।
  • उसके बाद, "Apply to Blog " के विकल्प पर click करें। ऐसा करते ही आपके Blogger में CSS code Add हो जाएगा।

Blogger में Responsive Table बनाने के लिए HTML Code का Use कैसे करें ?

ऊपर दिए गए CSS code को अपने blogger में जोड़ने के बाद अब आप HTML code की मदद से आसानी से एक Responsive Table बना सकते हैं । जिस page या post में आप Responsive Table बनाना चाहते हैं, उस page या post के अंदर आपको नीचे दिए गए HTML code को add करना होगा। किसी post या page में HTML code जोड़ने का तरीका भी नीचे बताया गया है।

  • Blogger में post के HTML में जाए ।
  • HTML option पर click करने के बाद आपके सामने post का HTML खुल जाएगा।
  • अब वहां HTML code paste करें जहाँ आप post के अंदर एक Responsive Table बनाना चाहते हैं।

ऐसा करने से आपके blogger के post या page के अंदर एक Responsive Table बन जाएगी। ऊपर दी गई टेबल के लिए दिए गए HTML कोड के अंदर 4 Row और 2 Column बनाए गए हैं, आप इन्हें कम या ज्यादा कर सकते हैं।

अगर आपके पास कोई भी प्रसन्न हो तो आप हमसे पूछ सकते हैं। हम आशा करते हैं की आपको ये बातें समझ में आई होगी और भी कई जानकारियों के लिए आप हमारे website Facts Online के और भी लेखों को पढ़ सकते हैं। Cumment करके जरूर बताइए की आपको आज का यह लेख Blogger में Responsive Table कैसे बनाए ? कैसा लगा।

Comments

Popular posts from this blog

You Know How to Earn 1000 Rs Per Day Without Investment Online ?

If you are looking for it, You have come to the right place. Here we will show you How to Earn 1000 Rs Per Day Without Investment Online ? If you follow the simple techniques that we are going to share with you in this article, you will be able to earn money online free. India is a developing country with a fast-growing internet user base. India had almost 300 million internet users as of July 2017, according to a report by the Internet and Mobile Association of India. This is increasing of about 30% in one year. This is the reason why Indian entrepreneurs are striving to earn money through the internet. One of an option to earn money online All you need to do is to create a website and post articles, videos, and other content on it. It is possible to earn money through various ways. Personally, I am not a big fan of any online business opportunity that requires you to pay for anything to be part of it. I am not saying that free online businesses do not exist. I am saying that I am not

जानिए Google Ranking Dropped या Down होने के क्या कारण है?

आज के समय आपकी Website की Google Ranking Dropped या Down होने के क्या कारण है? ये बात आपने कई बार सोची होगी लेकिन आप इसके बारे में अभी तक सही से कुछ भी जान नहीं पाए होंगे। आज हम इसी topic पर बात करने जा रहे है। कल्पना कीजिए कि आप एक सुबह उठते हैं, अपनी Ranking Report देखते हैं, और देखते हैं कि आपकी Site की कड़ी मेहनत से अर्जित Ranking पूरी तरह से बदल गई है। यह Google के top 10 और top 100 से गायब हो गया, कोई निशान नहीं बचा। मान लें कि Ranking Report और आपकी Website की स्थिति में अचानक गिरावट आई है। आप क्या करोगे? इससे पहले कि आप कोई कार्रवाई करें, आपको पता होना चाहिए कि Ranking में अचानक गिरावट कोई असामान्य बात नहीं है और यह कई websites द्वारा अनुभव किया गया है। दूसरी चीज जो आप कर सकते हैं वह है अपनी गलतियों की एक Checklist पर ध्यान देना, देखें कि क्या उनमें से किसी ने गिरावट की शुरुआत की है, और खोजे गए मुद्दों को ठीक करें। समस्या के आधार पर, आपकी website या तो कुछ ही दिनों में अपनी स्थिति वापस ले लेगी या कई महीनों के दौरान वापस ऊपर आ जाएगी। आपको अवगत कराने के लिए, यहां ranking में अचान