Son zamanlarda mutlaka farketmişsinizdir. Bazı sitelere cep telefonu veya tabletle mobil sitelerine girdiğimiz zaman tarayıcıların üst kısmının da girilen sitenin rengine veya farklı bir renge dönüştüğünü görüyoruz. Her uyarlamada olduğu gibi bunu da kodlar ile basit bir şekilde yapabiliyoruz. Yöntemi sadece Blogger değil diğer blog sistemleri veya wordpress’te de kullanabilirsiniz.
Blogger Sitelere Mobil Tarayıcılar ile Girince Tarayıcının Rengini Değiştirme Yöntemi
Aşağıdaki kodları Blogger temanızın <head> kodundan sonra yapıştırmanız ve renk kodlarını istediğiniz rengin kodu ile değiştirmeniz yeterli. Farklı mobil işletim sitemlerine farklı renkler verebilirsiniz.
- Blogger Admin Paneline girin
- Şablon menüsünü açın.
- HTML düzenle seçeneği ile tema kodlarınızı açın.
- Kodların üst kısmına yakın satırlarda <head> kodunu bulun.
- <head> tagından sonra aşağıdaki kodları yapıştırın. (üstte ve alttakiler sadece adlandırmadır almaya bilirsiniz)
- Kodu yapıştırdıktan sonra #18a2f7 olan renk kodunu dilediğiniz renk kodu ile değiştirin. (html renk kodlarını öğrenmek için tıklayın)
- Safari için renk isimlerini buradan bulabilirsiniz.
- İşlem tamam. Artık mobil siteye girildiği zaman tarayıcı rengi site rengine dönüşecek.
<!--mobil tarayıcı renk değiştirme kodu başlangıç -->
<!-- Chrome, Firefox, Opera için -->
<meta name="theme-color" content="#18a2f7"/>
<!-- Windows Mobil İçin-->
<meta name="msapplication-navbutton-color" content="#18a2f7"/>
<!-- Apple iOs için -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="DodgerBlue3"/>
<!-- mobil tarayıcı renk değiştirme kodu başlangıç -->
Ayrıca wordpress mobil sitelerine girildiği zaman mobil tarayıcı renginin değişmesini istiyorsanız aynı kodları temanızın index.php dosyasına <head> kodundan sonraki kısma yapıştırmanız yeterli. Eğer sonuç vermezse Wordpress için aşağıdaki kodları deneyin.
<!-- Chrome, Firefox, Opera için -->
<meta name="theme-color" content="#18a2f7">
<!-- Windows Mobil İçin-->
<meta name="msapplication-navbutton-color" content="#18a2f7">
<!-- Apple iOs için -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="DodgerBlue3">