ব্লগারের ব্লগে এনিমেটেড ছবি সঠিকভাবে দেখানোর পদ্ধতি

কিভাবে ব্লগার.কম এ খোলা কোন ব্লগে ছবি আপলোড করাতে হয়, তা আমরা ইতিমধ্যে জেনে ফেলেছি। ব্লগারের পোস্ট এডিটারের উপরে থাকা বিভিন্ন বাটনগুলোর মধ্যেই Add Image বোতামটি ব্যবহার করতে হয়। কিন্তু এভাবে ছবি আপলোড করাতে গিয়ে একটি ভিন্নরকম সমস্যার মধ্যে আমাদের অনেককেই পড়তে হয়। আমরা সাধারণত যে ছবিগুলো ব্লগের পোস্টসংশ্লিষ্ট হিসেবে প্রদর্শন করি, সেগুলো স্থির ছবি হয়। কিন্তু যদি এমন হয় যে ছবিগুলো নড়াচড়া করছে অর্থাৎ এনিমেশন জাতীয় ছবি হয়, তাহলে পড়তে হয় সমস্যায়। কারণ ব্লগার.কম তাদের সাইটের ব্যান্ডওয়াইথ নিয়ন্ত্রণের মধ্যে রাখার জন্য ব্লগপোস্টে কোনরকমের এনিমেটেড ছবি আপলোড করা সাপোর্ট করেনা। তাই কোন এনিমেশন ছবি পোস্টে যুক্ত করলেও তা আর এনিমেট করে না। অর্থাৎ নড়াচড়া না করে স্থির হয়ে থাকে। এনিমেট করা ছবিগুলোর এক্সটেনশন সাধারণত gif হয়। এই gif ফাইলগুলো যদি ব্লগারের ডিফল্ট ইমেজ আপলোডার ব্যবহার করে ব্লগপোস্টে সংযুক্ত করেন, তাহলে তা jpeg, png ইত্যাদি ফাইলের মতো স্থির হয়ে থাকে, কোনরকম নড়াচড়া করে না। এই সমস্যা সমাধানের জন্য আমরা দুটো পদ্ধতি গ্রহণ করবো।How to show a animated image on blogger blog? I wrote two easy solution to show gif image.
# যে নড়াচড়া করা জিফ ফাইলটিকে আমরা ব্লগপোস্টে দেখাতে চাই, তা নির্দিষ্ট করি। এবার প্রথমেই আমরা ফাইলকে ওয়েবসাইটের কোথাও আপলোড করে বা হোস্ট করে নিব। এবং সেই ছবিফাইলটির ডাইরেক্ট লিংক সংগ্রহ করবো। লিংকটি কোথাও লিখে রাখি। এবার নিচের দুইটি পদ্ধতির যে কোন একটি প্রয়োগ করি। ছবি আপলোড করা বা হোস্ট করা বিষয়ে লেখা এই পাতাটি একবার পড়ে দেখতে পারেন।Here is number one method to show animated image on blogger blog. Follow the instruction.
পদ্ধতি একঃ
ডিফল্ট আপলোডার ব্যবহার করে।
ব্লগারের পোস্ট পেজের ঠিক উপরের মেনুতে থাকা Add Image বাটনে ক্লিক করুন। নিচের ছবির মতো একটি ডায়ালগ বক্স ওপেন হবে।
এখানে লাল দাগ দিয়ে চিহ্নিত করে দেয়া URL বক্সে জিফ ফাইলটির ডাইরেক্ট লিংক স্থাপন করি। যে ডান/ বাম/ বা মাঝখানে বা কোনটিই নয় এবং আকার নির্বাচন করে Upload Image বাটনে ক্লিক করি। নড়াচড়া করা এনিমেটেড জিফ ফাইলটি আপলোড হয়ে যাবে। এবার পোস্ট পাবলিশ করলে ফাইলটি এনিমেশন চক্র সম্পূর্ণ করবে। অর্থাৎ ফাইলটিতে যে ছবি বা টেক্সটগুলো নড়াচড়া করার কথা তা কাজ করবে। Now I am telling the second method to show animated image on blogger blog post.
দ্বিতীয় পদ্ধতিঃ
পোস্টের মধ্যে কোড স্থাপন করে
নিচে লেখা কোডের মাঝের জায়গায় আপলোড করা ইমেজ ফাইলটির ডাইরেক্ট লিংক লিখে দিন। পোস্ট পাবলিশ করুন।
<img src="http://i37.tinypic.com/6h6xhz.jpg" />
এই কোড অনুযায়ী স্থাপন করার কারণে নিচের পতাকার ছবিটি নড়াচড়া করছে।