বন্ধুরা আমার সালাম নিবেন। আশা নয় একান্ত বিশ্বাস করি আপনারা সকলে ভাল আছেন। বন্ধুরা বর্তমান Android ফোনের যুগে যখন আমরা সর্বদা নেট ব্যবহার করি মোবাইল ফোনে। তো আমরা মোবাইলে ফোনে যখন কোন ওয়েব সাইট ভিজিট করি বিভিন্ন ধরনের সমস্যায় পড়তে হয়। আর যদি ওয়েব সাইটটি Responsive হয় তাহলে তো কোন কথাই থাকে না। অনায়াসে মোবাইলে ওয়েব সাইটটি সুন্দরভাবে দেখা যায়। যেমন : আপনারা যদি ব্লগিং জগৎ সাইটটি আপনার Android ফোনে ব্রাউজ করে তাহলে বিষয়টি পরিষ্কার ভাবে বুঝতে পারবেন। আর তবে আমরা যখন মোবাইল দিয়ে ব্লগ সাইটটি ভিজিট করে তখন উক্ত পোষ্টে যে ছবিটি ব্যবহার করা হয় সেটা অনেক বড় দেখা যায় এমনকি অনেক সময় ছবি দেখা যায় না। যদি ছবি টি Responsive করা থাকে তাহলে অনায়াসে আপনারা মোবাইলে ছবিটি দেখতে পাবেন। তখন আপনি অনেক আনন্দ উপভোগ করবেন। তো আর দেরি নয় তাহলে দেকুন কিভাবে ব্লগার ব্লগ পোষ্টের ছবি Responsive করা যায়। দেখুন তাহলে ।
আপনারা উপরের ছবিটি দেখলে কিছুটা হলেও বুঝতে পারবেন। উক্ত ছবিটি বিভিন্ন সাইজে দেখতে পাবেন। আর আমি আপনাদের সেটাই বুঝাতে চেয়েছিলাম।
ব্লগার ব্লগের পোষ্ট ছবি কিভাবে Responsive করবেন!!
- প্রথমে আপনার ব্লগার একাউন্ট প্রবেশ করুন।
- ড্যাশবোর্ড গতে টেমপ্লেট প্রবেশ করুন।
- এবং এডিট টেমপ্লেট প্রবেশ করুন।
- এবার নিচের কোডটুকু Ctrl+F ব্যবহার খুজে বের করুন।
</b:skin>
- এবার উপরের কোডের উপরে নিচের কোডটুকু হুবাহু কপি করে পেষ্ট করুন।
.post-body img {
max-width:100%;
height:auto;
}
- টেমপ্লেটটি সেভ করে বের হয়ে আসুন।
ব্যস কাজ হয়েগেল। তাহলে আজ এই পর্যন্ত। আর যদি কোন বিষয় বুঝতে অসুবিধা হয় তাহলে নিচের কমেন্ট এর মাধ্যমে জানাতে ভূলবেন না। আপনার যদি পোষ্ট হতে সামান্যতম উপকার পান তাহলে লেখা সার্থক। আল্লাহ হাফেজ।
0 comments:
Post a Comment