How to Change Address Bar Color in Mobile Browser to Match Your Blogger Blog

Want to change color of your Blogger site's address bar in Android browser? Learn You can do this. Its easy than you imagine.

Have you ever notice that when you visit your favorite sites in google chrome on your mobile the address bar changes its color to that wich matches with the color of the website or the blog. In Google Chrome first, it was of silver color by default but as Google updates the mobile browser it becomes colorful if the site allows him a color.

If you want to implement it on your blog then your are at right place we have made it easier for you to do that. It doesn't take your too much time, You can do this in just 5 seconds.

Benefits to Match Address Bar Color in Mobile Browser

Day by day every blogger tries ti make his site mobile responsive. This makes your site looks great and more professional on mobile devices.

Chrome Browser with Colorful Address Bar on Andriod Mobile Device

If you match the address bar color to your blogger blog it gives your site a native app like look. This improves users experience that ultimately increases up your sales, traffic, and conversion.

Note

It is informed to you that currently, it works only for Google Chrome Web browser on Android mobile device using Lollipop or newer versions.

Match Address Bar Color in Mobile Browser to Your Blogger Blog
You can do this in just two simple steps.

Get the Color Code
For this, you first need to get the web color code of your website color that you want to use in the address bar. (eg Our site has the default color code #3292db that is approximately used everywhere on the site)

For this purpose, you can use a small tool named Colorpic. It is just of 580kb. You can download it in a few seconds. To download this tool just click the below button.

[##arrow-down## Download]

You can the below screenshot as I have used this awesome tool in my computer to get the color codes of some web pages.

Screenshot Showing the Colorpic Tool on TipRicks Website

This tool works awesomely hope you like this tool. 

Add Theme Color Meta Tag to Blogger

Now the second step is to add the meta tag in your Blogger blog template. One you get the color code you simply add the meta tag to your site or blog. Just follow the below steps.

1. Login to your blogger account.
2. Then go to Theme settings.
3. Click Edit HTML button.
4. Now press Ctrl+F and search for </head> tag.
5. Paste the below meta tag just above/before it.

[<meta content='#3292db' name='theme-color'/>]

     6. Add the meta tag as shown in the screen below.

Screenshot Showing Meta Tag added in TipRicks Website

     7. You are done! 

Now when you visit your blogger site on google chrome browser in your Android mobile you will see that the address bar color matches with the color that you use in the meta tag.

Hope this article helps you a lot to change the color of the address bar in a mobile browser to match it with your Blogger blog. If you face any problem let us know below in comments. 

Stay Blessed Thanks! 

If you liked this article, then please subscribe to our YouTube Channel for Blogger video tutorials. You can also find us on Twitter and Facebook.

This article "How to Change Address Bar Color in Mobile Browser to Match Your Blogger Blog" is protected by