How to Colorize the Address Bar of Chrome in Android device for Blogger - Curious CORP

Thursday, July 18, 2019

How to Colorize the Address Bar of Chrome in Android device for Blogger

When you have surfed all around the web you would have seen some websites and opened in Chrome mobile version that colorize the address bar according to the theme of the website.



It is used to create the user interface of the website or blog more interactive. This makes Chrome look like a part of your website. 

If you are using blogger or any other CMS you just have to edit your HTML and put the below code to enable this effect. 

Normally the Chrome browser address bar is white and it doesn't match with the theme of the websites or blog which have colorful top bar. 

This code which I will be showing you will colorize your Chrome address bar in your Android device and make it match with the theme much more. 


How to Colorize the Address Bar of Chrome in Android device for Blogger


How to Match the Address/Menu Bar Color of Chrome for Android Device with the Theme of Your Blog in Blogger ?

  • Go to blogger.
  • Go to theme option.
  • Click on the edit template button.
  • Paste the following code below the head tag.
<meta content='#ff0000' name='theme-color'/>
<meta content='#ff0000' name='msapplication-navbutton-color'/>
<meta content='#ff0000' name='apple-mobile-web-app-status-bar-style'/>

  • Change the color in the inverted commas (#ff0000) with the color hex you would like to show and make it match with your blog theme.

That's it once you refresh the page on mobile Android version you will see it colorizes the Chrome address war and matches with your blog.



Conclusion

This is just a meta content tag which tells the Chrome web browser to what color it should adapt to match it with the theme of the website or blog. If you want to make your blog more interactive and make it look awesome you must implement this on your blog.

No comments:

Post a Comment