Change browser tab color for your website
Automatic change of browser tab color when a particular website is opened is a cool thing. You might have seen this in many websites, especially in application based website. For example when facebook.com is opened in Google Chrome, current tab and notification panel color changes to the blue color (Android version 5.0 and high only). Cool thing right...! This can be observed in our website too.
OK, lets give your website a nice and colorful touch.
There are simple meta tags through which this feature can be added to any website hosted at anywhere and blogs created using Blogger and WordPress too.
Just follow these two simple steps (For mobile devices only),
Step 1:
Copy the the code below and change the content color (Marked in red) with the hex code of whatever color you want. Here I have used #0084ad which is the color code/theme color of Techfibian blog.
<meta content='#0084ad' name='theme-color'/>
<meta content='#0084ad' name='msapplication-navbutton-color'/>
<meta content='#0084ad' name='apple-mobile-web-app-status-bar-style'/>
In this code 1st meta tag is for changing color in Google Chrome, Firefox and Opera browsers. 2nd meta tag is for Windows phone browsers and 3rd one is for Apple devices using Safari browser.
Step 2:
Just paste the copied code anywhere below <head> tag of your website code/template and save it.
Yes... You are done
Please let me know in the comment box if you have any doubts or suggestions.
Please let me know in the comment box if you have any doubts or suggestions.
Post a Comment