এই Widget এর মাধ্যমে আমরা একটি “লোডিং ইমেজ” যুক্ত করব, এই লোডিং ইমেজ টা দেখা যাবে যখন আমাদের ব্লগের এক পেইজ থেকে অন্য পেইজে যাওয়ার সময়।
এই লোডিং ইমেজ কেনো দরকারঃ
সাধারণত একটি ওয়েব সাইটের নানা ধরনের সমম্নেয়ে হয়ে থাকে যেমনঃ গ্রাফিক্স, স্লাইডার, জাভা স্ক্রিপ্ট, সিএসএস, এইসটিএমএল, কোয়েরি ফাইল ইত্যাদি। তাই সাধারন নিয়মেই এই কোড গুলো বেশি থাকলে ওয়েব-পেইজের এক পেইজ থেকে অন্য পেইজে যেতে সময় লাগে কিছুক্ষন, আর যে সাইটগুলোতে গ্রাফিক্স এর সংখ্যা বেশি সেই সাইটগুলোতে অন্যান্য সাইট থেকে আরো বেশি সময় লাগে এক পেইজ থেকে অন্য পেইজে যেতে।
তাই বেশির ভাগ সময় রিডার রা কয়েক পেইজ ঘুরে বিরক্ত হয়ে সেই সাইট থেকে চলে যায়, যা একজন সাইট ওনার এর কাছে দুঃখ জনক।
আর এই সমস্যা সমাধান করতে হবে আমাদের টেমপ্লেটের মূল অনেক কিছু পরিবর্তন করতে হবে যা অনেকের কাছেই সম্ভব না । তাই আপনি এই লোডিং ইমেজ ব্যাবহার করতে পারেন, যার ফলে রিডাররা লোডিং এর সময় কম বিরক্ত হবে।
কিভাবে এই লোডিং ইমেজ তৈরি করবেন?
প্রথমে আমদের দরকার একটি সুন্দর লোডিং ইমেজ, আমরা যারা গ্রাফিক্স ডিজাইনে এক্সপার্ট তারা খব সহজেই তাদের সাইটের জন্য ইউনিক পেইজ লোডিং GIF তৈরি করে নিতে পারেন। আর যাদের গ্রাফিক্স ডিজাইনে খুব বেশি নলেজ নেই তারাও খুব সহজে GIF ইমেজ সংগ্রহ করতে পারেন। বর্তমানে অনেক ওয়েব সাইট রয়েছে যারা লোডিং ইমেজ শেয়ার করে। লোডিং ইমেজের জন্য নিচের সাইট গুলোতে গিয়ে আপনার পছন্দে যেকোন লোডিং ইমেজ সংগ্রহ করতে পারেন।
ইন্টারনেটে এমন সাইট অনেক পাবেন তবে আমি এই ৬ টি সাইট খুজে বের করছি যেটি খুবই ভালো এবং খুব সহজেই ব্যাবহার করতে পারবেন। অথবা আপনি নিচে থেকে যেকোন এনিমিশন GIF Download করে ব্যাবহার করতে পারেন।
বিঃদ্রঃ উপরের যে কোন একটি Loading Image ডাউওনলোড করে যেকোন Image Hosting সাইট বা আপনার ব্লগারে আপলোড করুন, তারপর ব্লগারে ব্যাবহার করুন।
ব্লগার টেমপ্লেট এ Loading Image যোগ করার পদ্ধতিঃ
আশা করি আপনি আপনার সাইটের জন্য যেকোন একটি আকর্যণীয় Loading Image বেছে নিয়েছেন।এখন নিজে পদ্ধতি গুলো যথাযথ ভাবে সম্পন্ন করুন।
১ম ধাপঃ আপনার ব্লগার একাউন্ট থেকে ব্লগারের ড্যাসবোর্ডে যান।
২য় ধাপঃ ক্লিক > Template > Edit HTML>
৩য় ধাপঃ এখন Ctrl+F চেপে সার্চ বক্স এ ]]></b:skin> লিখে সার্চ দিন।
৪র্থ ধাপঃ এখন নিচের কোড গুলি কপি করে ]]></b:skin> এর উপরে পেষ্ট করুন।
বিঃদ্রঃ কোড গুলোর ভিতরে Image URL HERE লিখাটি পরিবর্তন করে আপনার লোডিং ইমেজ এর লিঙ্ক দিয়ে দিন।
৫ম ধাপঃ এখন এই ট্যাগটি খুজে বের করুন <body> অথবা <body ..> ।
৬ষ্ঠঃ ধাপঃ এখন এই <body> অথবা <body ..> এই ট্যাগটির নিচে নচের কোডটি যুক্ত করুন।
৭ম ধাপঃ এখন </head> ট্যাগটি খুজে বের করে নিচের জাভা স্ক্রিপ্ট কোড গুলি </head> ট্যাগ এর উপরে বা নিচে পেষ্ট করুন।
বিঃদ্রঃ উপরের জাভা স্ক্রিপ্ট কোড গুলি যদি আগে থেকেই থাকে তবে নতুন করে যুক্ত করার প্রয়োজন নেই। সার্চ দিয়ে চেইক করে নিবেন।
Recommanded: PrintButton Add করুন আপনার ওয়েব সাইটে।
৮ম ধাপঃ এখন Save Template এ প্রস করে বেরিয়ে আসুন।
এখন আপনার ব্লগের জন্য আপনার যুক্ত করা Loading Image তৈরি। ভিজিটররা যখন আপনার ব্লগে এসে এক পেইজ থেকে অন্য পেইজে যাবে তখন এই Loading Image টি দেখতে পারবে।
tnx
ReplyDelete