Blogger photo size problem solution

 

একটি ওয়েবসাইটের আর্টিকেল লেখার সময় আমরা যখন একটি ছবি যুক্ত করি এবং সেটির সাইজ অরজিনিয়াল দিয়ে থাকি, কিন্তু কোনো কোনো ক্ষেত্রে ওয়েবসাইটের কিছু সমস্যার কারনে আর্টিকেল পাবলিশ করার পরে ছবির সাইজ বড় ছোট হয়ে যায়। এবং যে ছবিটি আমরা দিয়েছি এটির নিজস্ব আকারের মধ্যে না থাকার কারণে এটির সৌন্দর্য এত ফুটে উঠে না। আজকে আমরা এই সমস্যার সমাধান কিভাবে করা যায় সে বিষয়ে কথা বলব এবং আপনাদের কে দেখানোর চেষ্টা করব যে একটি সিএসএস কোডিং এর মাধ্যমে কিভাবে এ সমস্যাটির সমাধান করা যায়। চলুন দেখা যাক।

প্রথমে আমরা যাব আমাদের ওয়েবসাইটের কাস্টমাইজ সেটিং এ

কাস্টমাইজ এ ক্লিক করার পরে Advanced এ ক্লিক করবেন

থিম কালারের পাশে যে লাল বক্সটি দেওয়া আছে সেটিতে ক্লিক করুন

তারপর Add CSS  ক্লিক করুন

    

             .post-body img {

              width: 100%;

              height:100%;

              display: block;

              }

এই কোডটি কপি করে অ্যাড সিএসএস লেখা যেখানে আছে সেখানে পেস্ট করে দিন। দেওয়ার পরে অবশ্যই সেভ দিবেন। সেভ   দেওয়ার পরে ভিউ প্রোফাইলে গিয়ে একবার রিলোড দিয়ে ছবির সাইজ ঠিক আছে কিনা দেখে নিবেন।

এই কাজটি সম্পন্ন করার পর আমি আপনাদেরকে দেখানোর চেষ্টা করেছি এ কোডটি কাজ করছে কিনা। আপনারা বোঝার জন্য আমি ছবির মধ্যে লাল বক্স এঁকে দিয়েছি। 

লেখাটি ভালো লেগে থাকলে, অবশ্যই শেয়ার করবেন এবং কমেন্ট করবেন ধন্যবাদ।