Thursday, August 11, 2011

সম্পুর্ন একটা ব্লগ তৈরীর টিউটোরিয়াল [পর্ব ৯]ফেবিকন কি?,ফেবিকন ব্যবহারের সুবিধা, কিভাবে তৈরি করবেন এবং যুক্ত করবেন?

সবাইকে আমার সালাম । আশা করি সবাই ভালই আছেন। আমি ভালো আছি । আজ আমি আমার ওয়ার্ডপ্রেস নিয়ে ধারাবাহিক টিউটোরিয়াল এর পর্ব ৯ লিখতে যাচ্ছি ।

আজ আমি আপনাদের ওয়ার্ডপ্রেস ব্লগ বা ওয়েবসাইটে ফেবিকন যুক্ত করতে হয় কিভাবে তা নিয়ে আলোচনা করবো । আপনি যখন কোন ওয়েবসাইট বা ব্লগ ভিজিট করেন , তখন দেখে থাকবেন এড্রেসবারে ওয়েবসাইট বা ব্লগ ডোমেইন নেম এর ঠিক বাম দিকে লোগো বা কোন চিহ্ন থাকে , আর এটাকেই ওয়েব জগত এর ভাষায় ফেবিকন বলে। নিচে আমি একটা সাইট এর ফেবিকন এর চিত্র দিলাম ।

ফেবিকন ব্যবহারের সুবিধা

  • এটা খুবেই সহজে এবং একদম ফ্রীতে করা যায় ।
  • ফেবিকন আপনার সাইট এর বিশেষ বৈশিষ্ট্য বহন ।
  • ফেবিকন ব্যবহার এর ফলে আপনার সাইট কে ভিজিটরা অন্যান্য সাইট থেকে আপনার সাইটের পার্থক্য করতে পারবে এবং সহজে মনে রাখতে পারবে ।
  • ফেবিকন ব্যবহার এর ফলে আপনার সাইট এর প্রফেশনাল লুক আনে ।

কিভাবে তৈরি করবেন?

প্রথমে আপনি ফটোশপ দিয়ে বা বিভিন্ন আইকন মেকার দিয়ে একটি লোগো তৈরি করে নিন [jpg বা png] । এবং এটার সাইজ হবে ১৬*১৬ বা ৩২*৩২ হলে ভাল হয় ।

এবার আপনি এই ওয়েব সাইট থেকে আপনার ব্লগ বা ওয়েব সাইট এর ফেবিকন বানিয়ে নিতে পারবেন । প্রথমে ওয়েব সাইট এ প্রবেশ করুন । তাহলে নিচের ছবিটার মত একটা পেজ আসবে ।

Favicon maker- Create a favicon from any image

Image to create icon from এর নিজে আপনার তৈরি করা লোগো ফাইল টা সিলেক্ট করে দিন এবং Create icon ক্লিক করুন ব্যস কাজ শেষ। দেখুন নিচে FavIcon preview নামে একটা অপশন আসবে , তাতে আপনার ফেবিকন এর ডাউনলোড লিঙ্ক দেওয়া থাকবে , সেখান থেকে ডাউনলোড করে নিন । নিচের ছবিটার মত করে ।

এবার ফেবিকন আপনার সাইটে যুক্ত করুন

এবার ডাউনলোড করে নিন । এবার আপনার ব্লগ বা সাইট এ ফেবিকন ব্যবহার করার পালা । ফেবিকন ডাউনলোড ফাইল টা favicon.ico নামক আপনার সাইটের রুটে আপলোড করুন [উদাহারন http://bdtutorial24.com/favicon.ico ]। এবার সাইটের হেডার পেজ অপেন করে ———ট্যাগের মাঝে নিচের কোড টা টাঈপ করে বসিয়ে দিন । ব্যস কাজ শেষ । এবার কিছুক্ষন অপেক্ষা করুন সর্বোচ্চ ২ দিন সময় লাগে ফেবিকন সেট হতে।

এর পরের পোস্টে আমি এনিমেট ফেবিকন এবং অনলাইনে ফেবিকন তৈরি করা ১০ টুলস শেয়ার করার চেস্টা

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.