How to Enable Automatic Dark Mode in Blogger | ব্লগার ডার্ক

কিভাবে ব্লগার ওয়েবসাইটে অটোমেটিক ডার্ক মোড এনাবেল করবেন,কোন ইউজারের ল্যাপটপ কিংবা কম্পিউটার কিংবা স্মার্টফোন ডার্ক মুডে থাকলে স্বয়ংক্রিয়ভাবে ডার্ক মোড ওয়েবসাইটে দেখতে পাবে। সিস্টেম ডার্ক মোড অর্থাৎ ওয়েবসাইট অটোমেটিকলি ডিটেক্ট করবে, ইউজারের যদি ডার্ক মুডে থাকে তাহলে অটোমেটিকডার্ক মোড হয়ে যাবে। অন্যথায় অটোমেটিক লাইট মোড থাকবে ।

How to Enable Automatic Dark Mode in Blogger | ব্লগার ডার্ক

ব্লগার ওয়েবসাইটে অটোমেটিক ডার্ক মোড অ্যানাবেল

আমরা চাইলে ইউজারকে লাইট মোড এবং ডার্ক মোড  ওয়েবসাইট দেখার সুযোগ করে দিতে পারি। এর জন্য জাস্ট সিঙ্গেল কয়েকটা লাইন লিখেই ওয়েবসাইটে লাইট এবং ডার্ক মোড স্বয়ংক্রিয়ভাবে এনাবেল করে দিতে পারি। আমরা আজকে দেখব, কিভাবে ব্লগার ওয়েবসাইটে স্বয়ংক্রিয়ভাবে সিস্টেম মুড পরিবর্তন করে। 

  • প্রথমে আপনার ব্লগার ওয়েবসাইটে লগইন করুন।
  • থিমস অপশন থেকে এইচটিএমএল এডিট ক্লিক করুন।
  • এবার একটা মেটা ট্যাগ অ্যাড করুন হেডার সেকশনে।
  • এবার ডার্ক মোড সিএসএস অ্যাড করুন। 

ব্লগার ওয়েবসাইটে ড্যাশবোর্ডে লগইন করুন।


এবার থিমস অপশনে ক্লিক করুন।

এবার থিমস অপশনে ক্লিক করুন

এবার এখান থেকে ড্রপডাউন ক্লিক করুন এবং এইচটিএমএল এডিট ক্লিক করুন।

এবার এখান থেকে ড্রপডাউন ক্লিক করুন এবং এইচটিএমএল এডিট ক্লিক করুন

এবার এইচটিএমএল এডিট  এ ক্লিক করুন।

এবার এখান এইচটিএমএল এডিট ক্লিক করুন

এবার এখানে হেডার এইচটিএমএল ট্যাগ খুঁজে বার করুন। এখানে গিয়ে কন্ট্রোল এফ( Ctrl + f ) বাটনে ক্লিক করে সার্চ করতে পারেন এইটা ( <head> ) লিখে সার্চ করুন

এবার এখানে হেডার এইচটিএমএল ট্যাগ খুঁজে বার করুন

এবার হেডার ট্যাগ এর জায়গায় একটুকু অ্যাড করুন। 

Meta Tags For Code Dark Mode

<meta content='dark light' name='color-scheme'/>


এবার হেডার ট্যাগ এর জায়গায় একটুকু অ্যাড করুন।

এবার সেভ বাটনে ক্লিক করে সেভ করে নিন। 

এবার সেভ বাটনে ক্লিক করে সেভ করে নিন।

এবার এখানে হেডার এইচটিএমএল ট্যাগ খুঁজে বার করুন। এখানে গিয়ে কন্ট্রোল এফ( Ctrl + f ) বাটনে ক্লিক করে সার্চ করতে পারেন এইটা ( </b:skin> ) লিখে সার্চ করুন


এখানে এই কোডটুকু এড করুন।

CSS code for Dark Mode

 @media (prefers-color-scheme: dark){

:root {

/* Paste your CSS code Below this Line */

}}

এখানে এই কোডটুকু এড করুন

এবার আপনার ডার্ক সিএসএস কোড এর ভিতরে রাখুন।

এবার আপনার ডার্ক সিএসএস কোড এর ভিতরে রাখুন

এবার সিএসএস অ্যাড করে সেভ করে দিন।

হয়ে গেল সফলভাবে ডার্ক মোড এবং লাইট মোড  অটোমেটিক সুইফট করা । আপনি যদি বুঝতে না পারেন কমেন্ট বক্সে জানিয়ে দিবেন আমরা আপনাকে হেল্প করার চেষ্টা করব এবং আমাদের ইউটিউব চ্যানেল ঘুরে দেখতে পারেন আমরা ইউটিউব চ্যানেলে ব্লগারের বিষয়ে সম্পূর্ণ টিপস এন্ড ট্রিকস শেয়ার করি।

 

মূল্যবান মতামতের জন্য আপনাকে অসংখ্য ধন্যবাদ

Post a Comment

মূল্যবান মতামতের জন্য আপনাকে অসংখ্য ধন্যবাদ

Post a Comment (0)

Previous Post Next Post