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

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


আপনি হয়তো একটি 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 তৈরি হয়ে যাবে।

ফেভিকন তৈরি হয়ে গেলে একটি 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" />

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

Level 0

আমি পান্থ বিহোস। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 7 টি টিউন ও 41 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

মূলত গল্প লিখতেই অনলাইন ব্লগিং জগতে প্রবেশ। এখনও লিখি তবে গল্প না, কোড... ;) । ওয়েবসাইট বানানো আমার পেশা। সেই সাথে ডোমেইন-হোস্টিং-এর ছোট্ট বিজনেস আছে। আমার জানার পরিধি ওয়ার্ডপ্রেস পর্যন্তই। এই ব্যাপারে কোনো হেল্প লাগলে আমাকে নক করতে পারেন। চেষ্টা করবো। ও আরেকটি কথা বলতে ভুলে গেছি, আমি ভালোবাসি বই,...


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

দারুন একটা টিউন করেছেন ভাই। আপনাকে সহস্র ধন্যবাদ জানাই:)

বিহোস ভাই টেকটিউনসে আপনাকে স্বাগতম আশা করি নিয়মিত পাব আপনাকে

    বস যেখানে আমিও সেখানে। জটিল হইছে বস চালিয়ে যাবেন আশা করি। ধন্যবাদ…………

চমৎকার লিখেছেন। ধন্যবাদ।
তবে শিরোনামে Favicon বানানটি ভুল করেছেন ওটা ঠিক করে দিন কারন শিরোনামে বানান ভুল দেখতে খারাপ লাগে।

    শাকিল ভাই, বানানটি কিন্তু ভুল নয়। মূলত Fav + Icon মিলেই Favicon শব্দটি হয়েছে। তাই আমি FavIcon লিখেছি।
    ——–
    অফট : যাইহোক, কেমন আছেন?

Lekha ta agei deksi hasan vai er blog e….
Welcome to Techtune

Level 0

দারুন হইছে…………ধন্যবান
আসা করি আরো টিউন পাব আপনার কাছথেকে