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


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


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


ar-jo-sc, طريقة تغيير لون شريط العنوان لمتصفح جوجل للهواتف ,مدونة بلوجر ,كورس html

 حيث ان هذه الطريقة ليس لمتصفح كروم للاندرويد وحده بل يمكنك ايضا تغيير اللون في متصفحات windows phone ومتصفح safari لانظمة IOS



هذه الطريقة ستكون الشرح على منصة بلوجر طريقة عمل هذه الخطوة هي انه عليك الذهاب الى منصة بلوجر ومن ثم عليك الذهاب مباشرة الى خيار المظهر 

ar-jo-sc



ومن ثم  يظهر معك خيارين خيار التخصيص وأيضا تعديل html نحن الآن سوف نختار خيار تعديل html كما هو موضح في الصورة 

ar-jo-sc
وبعد ان قمت بضغط على خيار تعديل HTML سوف يظهر معك محرر القالب html 
وهنا السؤال كيف سأختار اللون المناسب الذي سيتناسق مع القالب الخاص بك
ar-jo-sc



اولا ستذهب الى هذا الموقع  htmlcolorcodes 

ar-jo-sc



ثانيا اختر اللون المناسب للقالب على حسب اختيارك انت في خانة الرقم 1 وفي الخانة رقم 2 ستحدد درجة اللون الذي تريده وبعد اختيارك للون المناسب اللذي تريده تقوم بنسخ هذا الكود اللذي هو موجود في خانة رقم 3 بجانب كلمة HEX 




اين ستلصق الكود اللذي تم نسخه 


ستلصقه على هذا الكود بأستبدال كلمة (اللون) بالكود الذي تم نسخه من موقع htmlcolorcodes  
ar-jo-sc

مثلا سأقوم بتبديل بهذا الكود #000 وهذا الكود يرمز باللون الاسود 
ar-jo-sc
 هذا هو الكود الذي ستحتاجه  
<!-- Chrome, Firefox OS and Opera -->
  <meta content='اللون' name='theme-color'/>
<!-- Windows Phone -->
  <meta content='اللون' name='msapplication-navbutton-color'/>
<!-- iOS Safari -->
  <meta content='yes' name='apple-mobile-web-app-capable'/>

  <meta content='اللون' name='apple-mobile-web-app-status-bar-style'/>

وبعد استبدال كلمة اللون بالكود او اللون اللذي تريده عليك نسخ الكود كاملا ولصقه فوق وسم <head> 
ar-jo-sc

وثم قم بالضغط على حفظ المظهر وستلاحظ ان اللون في شريط العلوي لمتصفح الهواتف قد تغير



ar-jo-sc


تعبيراتتعبيرات