How To Colourise The URL Bar Of Chrome Mobile Browser For Blogspot And WordPress Themes

 

Have you observed that lots of popular websites like Facebook, BBC, and other social media sites colorize the address bar of their site on mobile browser(Chrome browser)?

Well, this helps to make the URL bar have the same color with your blog’s theme/template. It works mainly on Android OS newest version. This makes your site look good and more professional on mobile browsers.

 

Are you ready? Well lets proceed with the steps on how to do this both on Blogspot (Blogger) and WordPress.

WARNING: Before you make any changes to your template, make sure you back it up in case something goes wrong. 

View your blog before you exit the template page.

 

How To Colourise The URL Bar Of Chrome Mobile Browser For Blogspot And WordPress Themes

On Blogspot (Blogger)

    • 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 script below and paste it before/above it.

<meta content=’#00A8BE’ name=’theme-color’/>

  • Step 6: Click save to save changes.

On 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 script below and paste it before/above it.

<meta content=’#00A8BE’ name=’theme-color’/>

  • Step 6: Click save to save changes.

However, to pick your desired color you can click HERE to get the color code by changing the #00A8BE

 

Check NigeriaNewsBreak to see what I mean.

 

Wonderful! I hope you have successfully applied this trick to your Blog’s theme/template. If you need help feel free to ask questions via the comments section.

Thank You.