كيفية عمل وضع ليلي لمدونات بلوجر او اي استضافة ويتم تسجيله في كوكيز المتصفح Dark Mode

كيفية عمل وضع ليلي لمدونات بلوجر او اي استضافة  ويتم تسجيله في كوكيز المتصفح Dark Mode

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي

اقدم لكم شرح و اكواد تمكنك من عمل وضع ليلي في موقعك لاكن شرط ان تكون تعرف التعامل مع اكواد ل css  لانك سوف تقوم بتلوين القالب بنفسك سوف تأخذ لك وقت بسيط ان كان قالبك صغيير وليس عليه اضافات كثيرة
السكربت المستخدم في الشرح المميز جدا حيث يجعل الوضع الليلي  يعمل دائما عندما الزائر يضغط على الزر لانه سوف يسجل في كوكيز المتصفح بأنه ضغط عليه 

  • الكود التالي خاص ب الزر الذي يضغط عليه ويمكنك وضعه في اي مكان تريد ضهوره





  • و الكود التالي هوا كود الجافا سكريبت يمكنك تحميله من هنا او من هنا او من هنا [ رفعته لكي لا يتم تخريب الاكواد في الموضوع ]
  • تضع الكود فوق ال </body>

  • الان نتجه الى الجزء المتعب و الذي يحتاج الى إجتهاد فردي 
  • ضع هذه الاكواد فوق ال </head>





  • الجزء الاول من الكود الذي تعليقه button Dark Mode ذالك شكل الزر الذي وضعت اكواده في اول الشرح يعني يمكنك تغيير شكل حتى يتناسب مع شكل مدونتك
  • و خصصت جزى في الكود اسم تعليقه body Dark Mode ذالك تضع عليه اكواد ال css  الجديدة التي تحتوي على الوان ال Dark Mode سوف اعطيك مثال على كيفية اضافة ستايل خاص للوضع اليلي 

مثال


  • لدينا عنوان مقال class او id الخاص به title-post ويكون  في اكواد css  الخاصة به في الوضع العادي لون الخط اسود او اي لون اخر وانتا تريد تغيير لونه عندا الوضع اليلي فعليك سوف عمل هكذا




وكما ذكرت في اول الشرح يجب عليك ان تعرف التعامل مع اكواد ال css يمكنك اخذ بعض الاساسيات في هذا الموقع من هنا

معاينة الاضافة من هنا

اذا اردت مني اضافة لك الوضع اليلي يمكنك شراء خدمة الدعم الفني من المدونة وراسلني من هنا 

ملاحظة فقط
وضعت التعديل في خدمة الدعم الفني لان العمل متعب حسب القالب  و تأخذ الكثير من الوقت و من المستحل اضافتها لكل متابعين المدونة الكرام كلهم