আজকে আমি আপনাকে আপনার ব্লগার ওয়েবসাইটের ফেভিকন আইকন পরিবর্তন করার সহজ উপায় দেখাব।
তার আগে, আসুন জেনে নেওয়া যাক ফেভিকন আইকন কী এবং কেন এটি গুরুত্বপূর্ণ?
ফেভিকন আইকন হল সেই আইকন যা আমরা পৃষ্ঠার শিরোনামের ঠিক আগে ব্রাউজারের ট্যাবে দেখি। নীচের ছবিতে দেখানো হিসাবে এটি অনুসন্ধান ফলাফল পৃষ্ঠাতেও ব্যবহৃত হয়।
সুতরাং, ব্লগার ওয়েবসাইটে, আপনি একটি ডিফল্ট ব্লগার ফেভিকন আইকন দেখতে পাবেন যা অপ্রফেশনাল দেখায়। এজন্য আপনাকে আপনার নিজস্ব কাস্টম ফেভিকন আইকন ব্যবহার করতে হবে।
কিভাবে একটি ওয়েবসাইটের জন্য একটি ফেভিকন আইকন তৈরি করবেন?
একটি ফেভিকন আইকন তৈরি করতে আপনি favicon.io বা canva.com এর মতো কিছু অনলাইন ওয়েবসাইট ব্যবহার করতে পারেন।
এখানে, আপনি তিনটি বিকল্প দেখতে পাবেন। আপনি আপনার বিদ্যমান লোগোটিকে একটি ফেভিকন আইকনে রূপান্তর করতে পারেন বা পাঠ্য বা ইমোজি থেকে একটি ফেভিকন তৈরি করতে পারেন৷
আপনার যদি কোনো ওয়েবসাইটের লোগো না থাকে তাহলে আপনি ২য় পদ্ধতি নির্বাচন করতে পারেন।
এখানে, আপনার ওয়েবসাইটের প্রারম্ভিক অক্ষর নির্বাচন করুন, ফন্ট শৈলী, পটভূমির রঙ, ইত্যাদি নির্বাচন করুন এবং ডাউনলোড বোতাম টিপুন।
এখন আপনাকে জিপ ফাইলটি বের করতে হবে এবং 512 বা 192 পিক্সেল ফেভিকন আইকনটি পেতে হবে। এখন আপনার ব্লগার ওয়েবসাইটে এটি আপলোড করার জন্য নীচের পদক্ষেপগুলি অনুসরণ করুন।
ব্লগারে কিভাবে ফেভিকন যোগ করবেন?
ব্লগারে একটি ফেভিকন আইকন যোগ করতে, নীচের পদক্ষেপগুলি অনুসরণ করুনঃ-
- আপনার ব্লগার ড্যাশবোর্ডে লগইন করুন
- সেটিংস প্যানেল খুলুন এবং নীচের চিত্রের মতো ফেভিকন বিকল্পটি নির্বাচন করুন।
- এখন চয়ন ফাইল বিকল্পে ক্লিক করুন এবং ফেভিকন আইকন আপলোড করুন
এখন ফেভিকন আইকন সফলভাবে আপনার ব্লগার ওয়েবসাইটে যোগ করা হয়েছে।
এখন আপনি আপনার URL ট্যাব দেখে ফেভিকন সফলভাবে যুক্ত হয়েছে কিনা তা ক্রস-চেক করতে পারেন।
ফ্যাভিকন আইকন কাজ করছে না" সমস্যাটি কীভাবে ঠিক করবেন?
আপনার ব্লগার ওয়েবসাইটে ফেভিকন আইকন আপলোড করার পরে, এটি সঠিকভাবে নাও দেখাতে পারে। এর বিভিন্ন কারণ রয়েছে। যেমন-
- আপনার ওয়েবসাইট একটি ক্যাশে সংস্করণ সঙ্গে লোড করা হয়
- অনুপযুক্ত মেটা ট্যাগের কারণে ব্রাউজার ফ্যাভিকন সনাক্ত করতে সক্ষম হয় না।
- প্রথমত, ছদ্মবেশী মোডে ওয়েবসাইট চেক করার চেষ্টা করুন। না দেখালে ২য় কারনে হতে পারে।
মেটা-সমস্যা সমাধান করতে, নিচের কোডটি কপি করুন এবং আপনার ব্লগার থিমের প্রধান বিভাগে পেস্ট করুন।
<!--[ Favicon ]-->
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>
আমি আশা করি আপনি সফলভাবে ব্লগার ওয়েবসাইটে আপনার ফেভিকন পরিবর্তন করেছেন। আপনার যদি কোন সন্দেহ থাকে, মন্তব্য বিভাগে আমাকে জিজ্ঞাসা করতে বিনা দ্বিধায়।