fix stretch image problem | blogger wordpress | automatically resize - ldkalink
fix stretch image problem for blogger wordpress: जब भी आप अपने वेबसाइट या ब्लॉग पर कोई आर्टिकल लिखते है तो इस आर्टिकल में आपको कुछ इमेज भी ऐड करना पड़ता है।
जब यही पोस्ट कंप्यूटर में रीड किया जाता है तो इमेज बिल्कुल ठीक दिखाई देता है इमेज बिल्कुल अपने ओरिजिनल साइज में दिखाई देता है।
लेकिन जब यही आर्टिकल किसी मोबाइल या मोबाइल जैसे किसी अन्य डिवाइस में रीड किया जाता है तो यह इमेज कुछ स्ट्रेच होकर दिखाई देता है इमेज स्ट्रेच का मतलब की इमेज कुछ खींचा हुआ दिखाई देता है।
यह भी पढ़े:-
जैसे की निचे आप इमेज में देख सकते है की यह मोबाइल में किस तरह से दिखता है और इस प्रॉब्लम को फिक्स करने के बाद इमेज अपने ओरिजिनल साइज में ही दिखेगा
 |
| fix stretch image problem for blogger wordpress | automatically resize image |
इस stretch इमेज problem को कैसे फिक्स करना है यही सब इस पोस्ट में बताया गया है।
आपका वेबसाइट चाहे ब्लॉगर में बना हो या वर्डप्रेस में या किसी अन्य वेबसाइट पर यहाँ step by step आपको बताया गया है की stretch image problem kaise fix kare.
how to fix stretch image problem for blogger:
ब्लॉगर में स्ट्रेच इमेज प्रॉब्लम आप दो तरह से फिक्स कर सकते है पहला तरीका ब्लॉगर के HTML कोड में एडिट करके और दूसरा तरीका CSS का USE करके।
01. USE CSS:
- सबसे पहले ब्लॉगर में लॉगिन करे।
- आपके ब्लॉग का नाम सेलेक्ट करे, यदि आपका एक से अधिक ब्लॉग या वेबसाइट है तो।
- लेफ्ट मेनू में, theme ऑप्शन पर क्लिक करे।
- my theme के अंदर, customize पर क्लिक करे।
- लेफ्ट मेनू में, advanced पर क्लिक करे।
- ड्राप डाउन 🔽पर क्लिक करे, और add CSS पर क्लिक करे।
- add CSS पर क्लिक करने के बाद आपको एक कोड यहाँ पेस्ट करना है यह कोड आपको निचे बताया गया गया है।
.post-body img { width: 100%; height: auto }
- कोड पेस्ट करने के बाद, बॉटम राइट साइड में save 🖱 पर क्लिक करे।
नोट: यह कोड एक और तरीके से ऐड किया जा सकता है ब्लॉगर में लॉगिन करे, layout पर क्लिक करे।
सबसे ऊपर राइट साइड में यदि theme designer का ऑप्शन होगा तो इस पर क्लिक करे।
advanced पर क्लिक करे और फिर add CSS पर क्लिक करे, ऊपर दिए गए कोड को कॉपी करके इस add CSS सेक्शन में पेस्ट करे और सेव बटन पर क्लिक करे।
02. USE HTML:
- सबसे पहले ब्लॉगर में लॉगिन करे।
- आपके ब्लॉग का नाम सेलेक्ट करे, यदि आपका एक से अधिक ब्लॉग या वेबसाइट है तो।
- लेफ्ट मेनू में, theme ऑप्शन पर क्लिक करे।
- my theme के अंदर, more ⡆> Edit HTML पर क्लिक करे।
- HTML कोड सेक्शन में आने के बाद Ctrl + f प्रेस करे जिससे सर्च बॉक्स ओपन होगा और इसे सर्च बॉक्स में ]]></b :skin> टाइप करे और inter प्रेस करे।
- जो कोड आपके द्वारा सर्च किया गया है उसके आगे ऊपर बताये गए कोड पेस्ट करे और सेव बटन पर क्लिक करे। जैसे की .post-body img { width: 100%; height: auto }]]></b :skin>
इस तरह से आप अपने वेबसाइट या ब्लॉग पर image stretch प्रॉब्लम को फिक्स कर सकते है।