TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

ফ্রি উইবলি সাইটে ফ্যাভিকন কীভাবে যুক্ত করবেন?

3

ফ্যাভিকন (পছন্দের আইকনের সংক্ষিপ্ত রূপ) হল ব্রাউজারে দেখানো একটি ছোট আইকন যা দর্শকদের আপনার ব্র্যান্ড মনে রাখতে সাহায্য করে। কিছু ব্রাউজার ইউআরএলের কাছাকাছি অ্যাড্রেস বারে ফেভিকন দেখায় এবং কিছু ট্যাব আপনার পৃষ্ঠার শিরোনামের কাছাকাছি। এটি Weebly এর একটি প্রো বৈশিষ্ট্য এবং প্রো অ্যাকাউন্টে আপগ্রেড না করে সহজেই বিনামূল্যে Weebly সাইটে ফেভিকন যুক্ত করতে নিচের ধাপগুলি অনুসরণ করুন।

ওয়েবলিতে ফ্যাভিকন কীভাবে যুক্ত করবেন?

আমরা এই নিবন্ধে নিম্নলিখিত বিষয়গুলি আলোচনা করব:

  • অতিরিক্ত পৃষ্ঠা তৈরি না করে ফেভিকনের জন্য .ico ফাইল ব্যবহার করা।
  • পিএনজি বা জেপিইজি বা অতিরিক্ত পৃষ্ঠার সাথে যেকোনো ইমেজ ফাইল ব্যবহার করা।
  • ওয়েবলি প্রো ব্যবহারকারীদের জন্য ফ্যাভিকন।

অফার: প্রতি মাসে $ 2.95 এর জন্য Bluehost- এ আপনার Weebly এবং WordPress সাইট হোস্ট করুন

1 ICO ফাইল ব্যবহার করা

ধাপ 1: আপনার ফেভিকন প্রস্তুত করুন

আপনার সাইটে ফেভিকন যুক্ত করার আগে আপনার একটি লোগো ইমেজ থাকতে হবে। আপনার লোগো JPEG এবং PNG এর মতো যেকোনো আদর্শ চিত্র বিন্যাসে হতে পারে। একবার আপনার লোগো প্রস্তুত হয়ে গেলে আপনি ওয়েবে যে কোন ফ্রি ফ্যাভিকন জেনারেটর ব্যবহার করতে পারেন এটিকে .ico ফাইলে রূপান্তর করতে।

এমনই একটি ফেভিকন জেনারেটর হল ” freefavicon.com "। সাইটে যান এবং একটি .ico ফাইলে রূপান্তর করতে আপনার ছবি নির্বাচন করুন। আপনি ফেভিকনে একটি স্ক্রোলিং টেক্সট যোগ করে একটি অ্যানিমেটেড সংস্করণও তৈরি করতে পারেন। একবার আপনি আপনার ফেভিকন প্রিভিউতে সন্তুষ্ট হলে, আপনার স্থানীয় কম্পিউটারে "favicon.ico" ফাইলটি ডাউনলোড করুন।

ধাপ 2: আপনার ওয়েবলি সাইটে ফেভিকন আপলোড করুন

আপনার .ico ফাইলটি পাওয়ার পরে, আপনার Weebly অ্যাকাউন্টে যান এবং যে সাইটটি আপনি একটি ফেভিকন যুক্ত করতে চান তা সম্পাদনা করুন। Weebly এডিটরে "থিম" ট্যাবের অধীনে " HTML/CSS সম্পাদনা করুন" নির্বাচন করুন

ফ্রি উইবলি সাইটে ফ্যাভিকন কীভাবে যুক্ত করবেন?

Weebly তে HTML CSS সম্পাদনা করুন

"সম্পদ" এর পাশে "+" আইকনে ক্লিক করুন, ড্রপডাউন থেকে "ফাইল আপলোড করুন" বিকল্পটি নির্বাচন করুন এবং আপনার favicon.ico ফাইলটি আপলোড করুন।

ফ্রি উইবলি সাইটে ফ্যাভিকন কীভাবে যুক্ত করবেন?

ফ্রি উইবলি সাইটে ফেভিকন আপলোড করা হচ্ছে

আপলোড করার পরে আপনি দেখতে পাবেন যে আপনার ফাইলের নাম "সম্পদ" এর অধীনে তালিকাভুক্ত।

ফ্রি উইবলি সাইটে ফ্যাভিকন কীভাবে যুক্ত করবেন?

Weebly থিম এডিটরে আপলোড করা ফেভিকন ফাইল দেখুন

লক্ষ্য করুন যে ফেভিকন ফাইলের ছবিটি অন্যান্য চিত্রের মতো দৃশ্যমান নাও হতে পারে যা একটি সমস্যা হওয়া উচিত নয়। ব্রাউজারে প্রকাশিত সাইট দেখার সময় আপনি এটি দেখতে পারেন। আপনার পরিবর্তনগুলি সংরক্ষণ করুন এবং সংরক্ষণের জন্য আপনাকে একটি থিমের নাম দিতে হবে, যদি এই প্রথম আপনি থিম সম্পাদনা করেন। Weebly এ একটি ইমেজ ফাইলের ডিফল্ট লিঙ্কটি নিম্নরূপ:

http: //.weebly.com/files/theme/.ico

আপনার সাইটের URL এবং আপনার ফেভিকন ফাইলের নাম দিয়ে "আপনার সাইটের নাম" এবং "চিত্রের নাম" প্রতিস্থাপন করুন। নিশ্চিত করুন যে আপনি একটি ব্রাউজারে এই ফেভিকন ইউআরএল খুলতে পারেন। যদি এই ইউআরএল কাজ না করে, তাহলে ছবিতে ডান ক্লিক করুন এবং ইউআরএলটি অনুলিপি করুন। এটি নীচের মত হওয়া উচিত:

https://www.weebly.com/editor/uploads/4/8/5/3/4853992/custom_themes/xxxxx/files/favicon.ico

ধাপ 3: আপনার ফেভিকন লিঙ্ক করা

"সেটিংস> এসইও> হেডার কোড " বিভাগে যান এবং নিম্নলিখিত কোডটি আটকান:

<link rel = "shortcut icon" href = "Your Favicon Link"/>

আপনার ফেভিকনের ইউআরএল দিয়ে "আপনার ফেভিকন লিঙ্ক" প্রতিস্থাপন করুন।

ফ্রি উইবলি সাইটে ফ্যাভিকন কীভাবে যুক্ত করবেন?

ওয়েবলি হেডার কোড বিভাগে ফ্যাভিকন লিঙ্ক যুক্ত করুন

আপনার সেটিংস সংরক্ষণ করুন এবং আপনার সাইট প্রকাশ করুন।

দ্রষ্টব্য: সাইট লেভেলে কোড যোগ করার পরিবর্তে, আপনি "পৃষ্ঠা> নির্বাচন পৃষ্ঠা> এসইও সেটিংস> হেডার কোড" এর অধীনে প্রতিটি পৃষ্ঠার "হেডার কোড" বিভাগে কোডটি পেস্ট করতে পারেন। এইভাবে আপনি একাধিক ফেভিকন আপলোড করতে পারেন এবং আপনার আইবেলি সাইটের বিভিন্ন পৃষ্ঠায় বিভিন্ন আইকন লিঙ্ক করতে পারেন।

ধাপ 4: বিভিন্ন ব্রাউজারে এটি পরীক্ষা করুন

ফায়ারফক্স, ক্রোম এবং এজ এর মত বিভিন্ন ওয়েব ব্রাউজারে আপনার সাইট খুলে আপনার ফেভিকন পরীক্ষা করা চূড়ান্ত ধাপ। স্বচ্ছতা পরীক্ষা করুন এবং বিভিন্ন ব্রাউজারে দেখুন এবং প্রয়োজন হলে আপনার ফেভিকন সাইজ সামঞ্জস্য করুন।

ফ্রি উইবলি সাইটে ফ্যাভিকন কীভাবে যুক্ত করবেন?

ব্রাউজারে ফ্যাভিকন চেক করুন

কখনও কখনও ফ্যাভিকন ব্রাউজারে প্রতিফলিত হতে বেশি সময় নিতে পারে, আপনি রিফ্রেশ করার চেষ্টা করতে পারেন, ক্যাশে সাফ করতে পারেন বা ব্রাউজারটি বন্ধ এবং খুলতে পারেন।

2 PNG বা JPEG ইমেজ ফাইল ব্যবহার করা

আজকাল Weebly .ico ফাইলকে তাদের ফেভিকন ইমেজ দিয়ে ওভাররাইট করে। সুতরাং উপরের পদ্ধতিটি সব ক্ষেত্রে কাজ নাও করতে পারে। এই ক্ষেত্রে, এই পদ্ধতিটি চেষ্টা করুন। এছাড়াও, যদি আপনি .ico ফাইল তৈরি করতে না পারেন বা থিম পরিবর্তন করতে আগ্রহী না হন তাহলে এই পদ্ধতিটি কাজে লাগবে।

নীচের নির্দেশাবলী অনুসরণ করুন:

  • "পৃষ্ঠাগুলি" ট্যাবের অধীনে একটি নতুন পৃষ্ঠা তৈরি করুন এবং আপনি যা চান তার নাম দিন, উদাহরণস্বরূপ, এটিকে "ফেভিকন" নাম দিন।
  • টেনে আনুন এবং ড্রপ করুন এবং সেই পৃষ্ঠায় "ইমেজ" উপাদান এবং আপনার ফেভিকন ইমেজ আপলোড করুন। ছবিটি .png বা .jpg বা অন্য কোন আদর্শ চিত্র বিন্যাস হওয়া উচিত।
  • মনে রাখবেন, আপনি ইমেজ এলিমেন্ট ব্যবহার করে .ICO ফাইল আপলোড করতে পারবেন না। আপনি একটি ত্রুটি বার্তা দেখতে পাবেন যা অবৈধ ফাইলের ধরন দেখায় এবং ফাইলটি অবশ্যই একটি JPEG, GIF বা PNG হতে হবে।
  • আপনার সাইটটি প্রকাশ করুন এবং ছবির লিঙ্কটি অনুলিপি করুন এটি নীচের মত কিছু হওয়া উচিত:

http: //.weebly.com/uploads/1/3/4/0/13404245/541135_orig.png

  • "সেটিং> এসইও> হেডার কোড" এ যান এবং নিচের কোডটি পেস্ট করুন:

<লিঙ্ক rel = "শর্টকাট আইকন" href = "আপনার ছবির লিঙ্ক"/>

  • আপনার সাইটটি প্রকাশ করুন এবং ব্রাউজারে এখন ফেভিকন দেখা যাবে !!!

2.1। ফেভিকন পেজ লুকানো

যে কেউ আপনার ফেভিকন পৃষ্ঠা দেখতে পারে যার একটি ছোট ছবি থাকবে। সুতরাং, ব্যবহারকারীদের এবং সার্চ ইঞ্জিনের থেকে এই পৃষ্ঠাটি লুকানো প্রয়োজন।

  • "পৃষ্ঠাগুলি" ট্যাবে যান এবং মেনু থেকে ফেভিকন পৃষ্ঠাটি সরানোর জন্য "নেভিগেশনে লুকান" চেক করুন।
  • পৃষ্ঠার "SEO সেটিংস" এ যান এবং সার্চ ইঞ্জিন ক্রলারদের থেকে পৃষ্ঠাটি লুকানোর জন্য "সার্চ ইঞ্জিন থেকে এই পৃষ্ঠাটি লুকান" নির্বাচন করুন।
  • সাইটের পাসওয়ার্ড দিয়ে পৃষ্ঠার "দৃশ্যমানতা" সেট করুন যাতে ব্যবহারকারীরা এমনকি URL জানতে পারে, তারা অ্যাক্সেস করতে পারবে না।

3 প্রিমিয়াম ব্যবহারকারীদের জন্য Weebly Favicon Option

প্রিমিয়াম প্ল্যান ব্যবহারকারীরা তাদের সাইটকে পেশাদার দেখানোর জন্য ফেভিকন আপলোড করতে পারেন। Weebly আপনাকে আপনার ফেভিকন তৈরির জন্য কোন টুল সরবরাহ করে না বা আপনার ফেভিকনের জন্য ছবিগুলি প্রস্তাব করে না। উপযুক্ত সাইজের সাথে আপনার নিজের .ico favicon ইমেজ ফাইল প্রস্তুত করতে হবে।

3.1। কিভাবে আপলোড করবেন?

  • আপনার উইবলি প্রো অ্যাকাউন্টে লগইন করুন এবং আপনি যে সাইটটি ফেভিকন আপলোড করতে চান তা সম্পাদনা করুন।
  • সাইট " সেটিংস " ট্যাবের অধীনে উপলব্ধ "সাধারণ" বিভাগে যান ।
  • নীচের ছবিতে দেখানো হিসাবে আপনার ফেভিকন আপলোড করুন।
  • আপনার সাইট প্রকাশ করুন এবং ব্রাউজারে চেক করুন (ব্রাউজারে ফ্যাভিকন প্রতিফলিত হতে কিছু সময় লাগতে পারে)

ফ্রি উইবলি সাইটে ফ্যাভিকন কীভাবে যুক্ত করবেন?

ওয়েবলি প্রো ব্যবহারকারীদের জন্য ফ্যাভিকন

অফার: 60% ছাড়ের সাথে সাইট গ্রাউন্ডে আপনার উইবলি সাইটগুলি হোস্ট করুন

3.2। Weebly Favicon Option এর বৈশিষ্ট্য

  • শুধু আপনার ফেভিকন ইমেজ ফাইল আপলোড করুন।
  • Weebly স্বল্প সময়ে স্বয়ংক্রিয়ভাবে আপনার সাইটের জন্য ফেভিকন সক্ষম করবে।
  • ক্রোম, ফায়ারফক্স, এজ এবং সাফারির মতো সব ব্রাউজারে সমর্থিত।

গুরুত্বপূর্ণ: যখন আপনি কোডটি অনুলিপি করেন, উদ্ধৃতিগুলি কোঁকড়ানো বিন্যাসে হতে পারে। Weebly কোড এডিটরে কোড পেস্ট করার সময় সরাসরি কোট ব্যবহার করা নিশ্চিত করুন।

রেকর্ডিং উত্স: www.webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত