U3F1ZWV6ZTQ3MzYzNjcxMDUwX0FjdGl2YXRpb241MzY1NjUwNDQyMjU=
recent
أخبار ساخنة

تغيير لون شريط عنوان الموقع الافتراضي للمتصفح


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


تغيير لون شريط عنوان الموقع الافتراضي للمتصفح
تغيير لون شريط عنوان الموقع الافتراضي للمتصفح

كما تلاحظ في الصورة السابقة أن شريط العنوان قبل اضافة الكود كان باللون الأبيض وهو اللون الافتراضي وبعد ما قمنا باضافة الكود أصبح اللون يتناسب مع الالوان الرئيسية للموقع.

يوجد العديد من اضافات بلوجرالبسيطة والتي تضيف لمسة من الجمال الي موقعك ولا تؤثر علي سرعة الموقع و هذه الاضافة واحدة منها والتي يستخدمها العديد من المواقع الكبيرة.
تغيير لون شريط عنوان الموقع الافتراضي للمتصفح
إذا أردت ان تقوم بتغيير لون شريط عنوان الموقع علي الهواتف الذكية فقط اتبع الخطوات الاتية والتي لن تأخذ منك سوي بضع دقائق:-

  1. ادخل الي لوحة تحكم بلوجر الخاصة بك
  2. اضغط علي المظهر ثم تعديل html
  3. ابحث عن </head>
  4. أضف الكود التالي فوقه تماما

<!-- Chrome, Firefox OS, Opera dan Vivaldi -->
<meta content='#2f303f' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#2f303f' name='msapplication-navbutton-color'/>
<!-- iOS Safari -->
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#2f303f' name='apple-mobile-web-app-status-bar-style'/>

قم بتغيير الألوان بما يتناسب مع ألوان موقعك  ولا تنسي ان تضغك علي حفظ القالب.
بعد ذلك قم بالتجربة بالخول الي موقعك عن طريق الهاتف الخاص بك وتري هل يعمل الكود بشكل صحيح ام لا.
واذا واجهتك اي مشكلة لا تتردد في طرحها علينا وان شاء الله سيتم الرد عليك في أقرب وقت ممكن.
والي هنا نكون قد انتهينا من تغيير لون شريط عنوان الموقع الافتراضي بنجاح ونراكم في درس قادم وشكراا والسلام عليكم ورحمة الله وبركاته.
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

الاسمبريد إلكترونيرسالة