कोरोना वायरस से जुड़ी जानकारी

सरकार द्वारा 21 दिन के लिये लगाये गये Lockdown का पालन जरूर करे। कोरोना जैसी महामारी को देश में फैलने से रोकने के लिये और खुद इससे बचने के लिये घर से बाहर न निकले। सरकार द्वारा दिये जा रहे निर्देशों का पालन जरूर करे।

Thursday, 29 November 2018

Blogger Blog Post की Images को Responsive कैसे बनाये ( Smart Method )

- -
Blogger Blog Post में Images को Responsive कैसे बनाए ? ( Smart Method ) - किसी भी Blog का Design उसके Visitors को पसंद ज़रूर आना चाहिए। क्योकि यदि ब्लॉग को बेहतर तरीके से Clean व Neat Design किया जाए तो Visitors उसे ज़्यादा पसंद करते है । यदि आपका Blog Blogspot Blogging Plateform पर बना हुया है तो आपको ब्लॉग को डिज़ाइन करने के लिए कुछ Basic HTML व CSS Language की जानकारी होनी चाहिए। क्योकि इनके बिना ब्लॉग को Design करना मुश्किल हो जाता है। खासकर आपके ब्लॉग का Design Responsive होना चाहिए ।

Responsive Design का मतलब है की आपके Blog का Theme Devices की Screen के हिसाब से Automatic Resize हो जाए । यानि की Desktop व Mobile या किसी अन्य Device में आपका ब्लॉग बेहतर दिखाई दे। इस कारण सभी Blogger Responsive Theme ही Select करते है। लेकिन हम अपने Blogspot Blog के लिए Internet से Free Theme Download कर लेते है वो Responsive तो होते है लेकिन Fully Responsive नहीं।

blogspot-blog-post-me-images-ko-responsive-kaise-banaye
क्योकि उनमे कई बार Blog Post में Add की गयी Image Screen हिसाब से Responsive नहीं होती है जिससे Image की Look खराब हो जाती है जैसे की Images की Height Change हो जाती है जिससे Images Mobile Screen में कुछ ज़्यादा ही लंबी हो जाती है। इस कारण Blog की सभी Images को Responsive बनाना बहुत ज़रूरी है। यह काम हम CSS की मदद से आसानी से कर सकते है । 


हमे केवल एक छोटा सा CSS Code को Theme की CSS Coding में Add करना है। जिससे Blog की सभी Images Automatic रूप से Responsive बन हो जाएगी। इस CSS Coding को Blog में Add करने से ब्लॉग की सभी Images Device की Screen Resolutions के हिसाब से Resize हो जाएगी । 

Blogspot Blog में सभी Blog Post Images को Responsive Kaise Banaye ?


Step - 1 - सबसे पहले आपको Blogger Dashboard में जाकर Theme पर क्लिक करना है। Theme पर क्लिक करने के बाद आपको Edit HTML पर क्लिक करना है । 

Step - 2 - Edit HTML पर क्लिक करने के बाद आपको Ctrl + F दबाकर ]]></b:skin> कोड को Theme Coding में Search करना है, ]]></b:skin> कोड मिल जाने के बाद आपको नीचे दिया गया CSS Code Copy करके इसके ऊपर Paste कर देना है। Paste करने के बाद आपको Save Theme पर क्लिक करके Theme Coding को Save कर देना है । 

.post-body img {
  max-width:100%;
  height:auto;
}

make-responsive-blogger-blog-post-all-images


अब हमने CSS Code को Add कर दिया है। इससे हमारे Blogspot Blog की सभी Blog Post Images Responsive बन जाएगी ।

make-responsive-images-in-blogger-blog

Tip - आप जब भी Blogger Post Editor में कोई Image Insert करते है तो उसको हमेशा Original Size में ही Set करे व Alignment Center Select करे। इससे आपकी Image Blog Post में बेहतर तरीके से Show होगी। चाहे वो Desktop हो या Mobile Screen । 

मैं उम्मीद करता हूँ की आपको आज की पोस्ट से Blogspot Blog में Post Images को Responsive कैसे बनाए की पूरी जानकारी प्राप्त हो गयी होगी। लेकिन यदि आपको कोई Problem आ रही है तो आप Comment ज़रूर करे जिससे मैं आपकी Problem को Solve कर सकूँ। 
इस पोस्ट को Social Media पर Share करे व हमारी Support करे। Blogging,Blogger,SEO से Related ब्लॉग पोस्ट को पढ़ने के लिए ब्लॉग के साथ बने रहे। Thanks For Reading This Post ,Goodbye । 
--

जानकारी अच्छी लगी है तो Facebook Page Like जरूर करे

---- -

Share This Post :-


No comments:

Post a Comment

आपको पोस्ट कैसी लगी कमेंट बॉक्स में ज़रूर लिखे,यदि आपका कोई सवाल है तो कमेंट करे व उत्तर पाये ।