মঙ্গলবার, ১ মার্চ, ২০১১

ওয়েবসাইটের আইকন তৈরী করুন নিজেই,


ওয়েবসাইটের আইকন তৈরী করুন নিজেই,

একটি ওয়েবসাইট যখন আমরা ওপেন করি, ব্রাউজারের বামপাশে, উপরে কোণায় একটি আইকন দেখতে পাইএটিকেই বলে ফেভিকন বা FavIcon.
আপনি হয়তো একটি ওয়েবসাইট বানিয়েছেন খুব সুন্দর করেচিন্তা করে দেখুন, সাথে যদি এই আইকনটিও থাকে তাহলে আপনার সাইটটি একটি প্রফেশনাল রূপ ধারণ করে
ফেভিকন তৈরি করা খুবই সোজামাত্র তিনটি ধাপে এই কাজ সম্পন্ন করা যায়
ক. আপনার আইকন বা লোগো নির্ধারণ করা
খ. লোগোটি কনভার্ট করে ফেভিকনে রূপান্তর করা এবং
গ. আপনার ওয়েবসাইটে ফেভিকনটি আপলোড করে সাথে ছোট্ট একটি কোড সেভ রাখা

ধাপ- ০1

ফেভিকন হিসেবে আপনি যা রাখতে চান তা ঠিক করুনলেখা কিংবা ইমেজ উভয়ই ফেভিকন হতে পারেলেখা হলে এটিকে ইমেজে রুপান্তর করে jpeg মোডে সেইভ করুন

ধাপ- ০2

সাইটটিতে চলুনএখান থেকে লগোটি কনভার্ট করতে হবে
ব্রাউজ করে আপনার কম্পিউটার থেকে লগোটি সিলেক্ট করুন তারপর Generate FavIcon.ico বাটনে ক্লিক করুনঅল্প কয়েক মুহূর্তের মধ্যেই ফেভিকন তৈরি হয়ে যাবে
ফেভিকন তৈরি হয়ে গেলে একটি জিপ ফাইলের মধ্যে একটি .gif, .jpg এবং একটি Read Me ফাইল থাকবেজিপ ফাইলটি ডাউনলোড করে নিনব্যাস, এই পর্বের কাজ শেষ

ধাপ- ০3

জিপ ফাইলটি আনজিপ করুনএবার আপনি সিদ্ধান্ত নিন আপনি এনিমেটেড ফেভিকন ব্যবহার করবেন নাকি নরমাল ফেভিকন ব্যবহার করবেনধরে নিলাম আপনি এনিমেটেড ফেভিকন ব্যবহার করবেনতাহলে এফটিপি দিয়ে এনিমেটেড ফেভিকনটি আপনার ওয়েবসাইটের রুট ডিরেক্টরিতে আপলোড করে দিন
তারপর আপনার সাইটের এডমিন প্যানেলে ঢুকে Settings > Appearance > Editor – এ ক্লিক করুনheader.php ফাইলটি ওপেন করুনঐ ফাইলটির </head> আগে যেকোনো জায়গায় নিচের কোডটুকু লিখে দিন
<link rel="shortcut icon" href="favicon.ico" />
আর যদি নরমাল ফেভিকন ব্যবহার করতে চান তাহলে নিচের কোডটুকু লিখবেন
<link rel="icon" type="image/gif" href="animated_favicon1.gif" />
ব্যস তৈরি আপনার নিজের ফেভিকন

1 টি মন্তব্য:

  1. ভাইজান বুদ্ধি তো ভালোই দিয়েছেন। তো আপনার ব্লগে ফেভিকন কোথায়?

    উত্তরমুছুন