How to colourise URL bar on Chrome Browser for Blogspot and Wordpress

You may have noticed that lots of popular websites like Facebook, WhatsApp,Youtube and other social media sites then make the colour look Same as the webpage or theme colour on chrome browser 
It makes websites look good and more professional on chrome browser. 
Steps on how to do this both on Blogspot (Blogger) and WordPress Platforms

Blogspot 
Step 1: Login to your blogger dashboard
Step 2: Click on template/theme
Step 3: Then click on EDIT HTML.
Step 4: Now press Ctrl+F and search for </head> tag.
Step 5: Copy the code below and paste it before/above it.
<meta content=’#00FFFF’ name=’theme-color’/>
If you're using an Android phone you won't be able to edit your template online but you can do that using offline html editors or paste the code in HTML/Javascript gadget.

WordPress
Step 1: Login to your wordpress dashboard
Step 2: Click on “Appearance”
Step 3: Then click on “Editor”
Step 4: Now search for “header.php” and search for </head> tag.
Step 5: Copy the code below and paste it before/above it.
<meta content=’#00FFF’ name=’theme-color’/>

this colours are in Hexadecimal codes you can search on Google for any hex colour code you want an paste it there 
Below are some hex colour you can use

White #FFFFFF

Silver #C0C0C0

Gray #808080

Black #000000

Red #FF0000

Maroon #800000

Yellow #FFFF00

Green #008000

Aqua #00FFFF

Blue #0000FF

Navy #000080

Purple #800080