Sitenize Giren Mobil Tarayıcının Rengini Değiştirin

Şimdi sizlerle ilk gördüğümde “Aman Tanrım” gibi bir ifade sergilediğim ve uzun süredir de kullandığım mobil tarayıcı rengi değiştirmek ile ilgili paylaşımda bulunacağım. Sadece “<head>” ve “</head>” arasına eklediğimiz birkaç kod ile bunu yapmamız mümkün. Kodlar arasında Chrome, Firefox OS, Opera, Windows Phone ve Safari web tarayıcıları için kodlar bulunmakta. Bu kodların içerisindeki “#CF2F1F” benzeri HTML renk kodları ile istediğiniz renk kodunu ekleyerek sitenize giren mobil tarayıcıların rengini değiştirebilirsiniz.
Kurulum:
  • Aşağıda vermiş olduğum kodları kopyalayın.
  • Daha sonra siteniz Blogger ise HTML Düzenleme kısmına, siteniz Blogger değilse sitenizin Index dosyasına veya Header dosyasına girin.
  • Ctrl + F fonksiyonu ile “<head>” olarak aratın ve hemen altına aşağıda vermiş olduğum kodu ekleyin, size bağlı olarak “</head>” kodunu aratın ve altına ekleyin, isteğe bağlı olarak “” olarak aratıp üstüne de ekleyebilirsiniz.
  • Tüm işlem bu kadar kodun içerisindeki “#CF2F1F” renk kodunu istediğiniz renk kodu ile değiştirebilirsiniz.
Eklenecek Kod:
<!-- Chrome, Firefox OS ve Opera İçin -->
<meta name="theme-color" content="#CF2F1F">
<!-- Windows Phone İçin -->
<meta name="msapplication-navbutton-color" content="#CF2F1F">
<!-- iOS Safari İçin -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#CF2F1F">