সোমবার, ২৫ জানুয়ারী, ২০১০

Website- এর সৌন্দর্য বৃদ্ধি করে ফেভিকন বা FavIcon, তৈরি করা খুবই সোজা!!!

টিউন করেছেন : পান্থ বিহোস | প্রকাশিত হয়েছে : ১৭ ডিসেম্বর, ২০০৯ | 243 বার দেখা হয়েছে |

একটি website যখন আমরা open করি, ব্রাউজারের বামপাশে, উপরে কোণায় একটি আইকন দেখতে পাই। এটিকেই বলে ফেভিকন বা FavIcon.

favicon Website এর সৌন্দর্য বৃদ্ধি করে ফেভিকন বা FavIcon, তৈরি করা খুবই সোজা!!! | Techtunes
আপনি হয়তো একটি Website বানিয়েছেন খুব সুন্দর করে। চিন্তা করে দেখুন, সাথে যদি এই Icon-টিও থাকে তাহলে আপনার websiteটি একটি Professional রূপ ধারণ করে।

Favicon or Fav Icon তৈরি করা খুবই Easy। Only তিনটি ধাপে এই কাজ সম্পন্ন করা যায়।

* ক. আপনার Icon বা Logo নির্ধারণ করা
* খ. লোগোটি Convert করে ফেভিকনে রূপান্তর করা এবং
* গ. আপনার Website -এ ফেভিকনটি Upload করে সাথে ছোট্ট একটি Code Save রাখা।

ধাপ- ০১

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

এখানে ক্লিক করে Website টিতে চলুন। এখান থেকে Logo টি Convert করতে হবে।
Browse করে আপনার Computer থেকে লগোটি Select করুন তারপর Generate FavIcon.ico বাটনে Click করুন। অল্প কয়েক মুহূর্তের মধ্যেই Favicon তৈরি হয়ে যাবে।
Fav Icon Website এর সৌন্দর্য বৃদ্ধি করে ফেভিকন বা FavIcon, তৈরি করা খুবই সোজা!!! | Techtunes

ফেভিকন তৈরি হয়ে গেলে একটি zip ফাইলের মধ্যে একটি .gif, .jpg এবং একটি Read Me ফাইল থাকবে। জিপ file টি Download করে নিন। ব্যাস, এই পর্বের কাজ শেষ।
ধাপ- ০৩

zip ফাইলটি unzip করুন। এবার আপনি সিদ্ধান্ত নিন আপনি Animated ফেভিকন use করবেন নাকি Normal Favicon ব্যবহার করবেন। ধরে নিলাম আপনি এনিমেটেড ফেভিকন ব্যবহার করবেন। তাহলে FTP দিয়ে এনিমেটেড ফেভিকনটি আপনার ওয়েবসাইটের Root Directory-তে upload করে দিন।

তারপর আপনার সাইটের Admin প্যানেলে ঢুকে Dashboard > Appearance > Editor – এ Click করুন। header.php ফাইলটি open করুন। ঐ ফাইলটির < / head > -এর আগে যেকোনো জায়গায় নিচের কোডটুকু লিখে দিন।

< link rel="icon" type="image/gif" href="animated_favicon1.gif" />

আর যদি Normal ফেভিকন use করতে চান তাহলে নিচের কোডটুকু লিখবেন।

< link rel="shortcut icon" href="favicon.ico" />

লেখাটির মূল কপি দেখতে এখানে ক্লিক করুন

1 টি মন্তব্য: