Summary : This post help web developer’s, Bloggers and other website managers to change google chrome header and address bar color as shown in below screenshot.

Change google chrome address bar color from your website

Change google chrome address bar Color :

its very simple and easy. Everyone can do this cause it doesnt required any coding knowledge. You need to paste just 1 line code and done.

How it works ?

Google has announced color-theme in google chrome version 39 and latest. So in old version of google chrome color-theme will not work. So we need to pass color code of address which we want to use in meta tag. So just paste given meta tag in head tag of your website’s homepage and done.

To use different color on different pages simply pass that meta tag in all web-pages of your website and pass different color codes.

How to ?

For Blogger :

  • goto Template -> HTML Editor.
  • And below <head> tag paste this meta tag.
  
<meta name="theme-color" content="**#ff3737**">  
  
<meta name="msapplication-navbutton-color" content="**#ff3737**">  
  
<meta name="apple-mobile-web-app-status-bar-style" content="**#ff3737**">
  • Replace #ff3737 with your custom color. (To get color code goto colorhexa.com)
  • Now save your template and done.

Change google chrome address bar color from your website

for Wordpress :

  • install any plugin which allow you to add meta tags.
  • And paste given code in it.
  
<meta name="theme-color" content="**#ff3737**">  
  
<meta name="msapplication-navbutton-color" content="**#ff3737**">  
  
<meta name="apple-mobile-web-app-status-bar-style" content="**#ff3737**">

for Other website:

  • open index.html or index.php or anything else which is homepage of your website in Text Editor.
  • And paste given code below <head> tag.
  
<meta name="theme-color" content="**#ff3737**">  
  
<meta name="msapplication-navbutton-color" content="**#ff3737**">  
  
<meta name="apple-mobile-web-app-status-bar-style" content="**#ff3737**">
  • Change #ff3737 with your custom color code. (get color code from colorhexa.com)
  • Save your file and upload to server.
  • Now try to open your website.