اسهل طريقة لاضافة زر الوضع الداكن المظلم Dark Mode على بلوجر

اسهل طريقة لاضافة زر الوضع الداكن المظلم Dark Mode على بلوجر

كيفية تركيب اضافة الوضع الليلي او المظلم على بلوجر بسهولة ؟

اضافات بلوجر لا تنتهي عبر موقع كمثري لذا نودكم بافضل اضافة اصبحت موجودة في معظم المواقع الالكترونية لكي يكون ذو مظهر مناسب و يستخدمه الزوار ليلا وهي اضافة الوضع الليلي Dark mode .
هذه الاضافة ليست سيئة و لن تضر بموقعك و لن تبطئه بل سيكون مصل قبل كما لو انك لم تقوم باضافة شيء .
طريقة اضافة الوضع الليلي للمواقع :
طريقة سهلة للغاية لن تحتاج منك خبرة برمجية مع موقع كمثري .

كيفية اضافة Dark mode لبلوجر ؟

الطريقة كما قلنا لم تحتاج منك خبرة مسبقة في هذا المجال و لكن ستحتاج الى كود HTML و CSS و JavaScript لكي تعمل اضافة الوضع الليلي للمواقع الالكترونية .

هل يصعب اضافة الوضع الليلي في بعض المواقع ؟

نعم يصعب ذلك و احيانا يحتاج كل موقع لكود برمجي خاص به و ذلك عبر التغيير في الالوان و عكسها و الخ …

لكن نقدم لكم افضل طريقة و لن تجدها و لا في احلامك طريقة مجانية للحصول على الوضع الليلي dark mode لموقعك .

كيف تضيف زر الوضع الليلي المظلم Dark mode على بلوجر Blogger بنجاح وسهولة تامة ؟

 اسهل طريقة لاضافة زر الوضع الداكن المظلم على بلوجر

الوضع الداكن او الرضع الليلي Dark mode هي اضافة مدهشة تمكن الزوار من الحفاظ على اعينهم من الضوء الساطع للشاشة لنعطيكم بعض الامثلة :

  1. اولا التقليل من سطوع الالوان البيضاء الخاصة بموقعك
  2. الحفاظ على استزاف البطارية لان اللون الابيض القوي يستهلك من البطارية بشكل كبير
  3. اضافة Dark mode هي اضافة مريحة للنظر 

- الوضع المظلم او الوضع الليلي تعتبر اضافة مهمة جدا على الموقع الخاص بك بحيث نجد مثل هذه الاضافة على اغلب قوالب بلوجر المدفوعة  لذلك موقع كمثري يهديكم هذه الاضافة الرائعة المجانية المدهشة مجانا 

كيفية تركيب اضافة الوضع الليلي او المظلم على بلوجر بسهولة ؟

تابع الشرح التالي :

نضع هذا الكود في المكان الذي تريده بين وسمي

<body> و </body>

في خيار اكواد CSS بعد هذا الكود 
/*----- Start adding Elements From here -----*/   
ستضيف اي اداة مازلت لا تعمل اثناء تشغيل DARK MODE 
ستضيف هذا الوسم
 .nightmode
 قبل اي اداة كمثال 
 .nightmode #wrapper , .nightmode  #sidebar {background : black; color: white;}

نضع هذا الكود فوق وسم <head>

اذا لم تنجح معكم و اردتم شرح تفصيلي بالفيديو توجهوا للرابط التالي : 

# شرح بالفيديو لكيفية اضافة زر الوضع الداكن المظلم Dark Mode على بلوجر

إقرأ أيضا

💬تعليقات