How to Change Your Blog Address Bar Color of Mobile Browser On Blogger
Sure you have observed few websites use their own blog template color in mobile Chrome browser. The URL bar gets matched according to their Blog template. This makes your site looks great and more professional on mobile devices.
Generally, the website owner does it for branding and also it changes the chrome address bar color and gives it a smooth look to the website and probably gives a feeling of a mobile app as well. And dramatically compliments the look and design of the template in the chrome mobile browser.
In this post i will show you how to change your address bar colour of a Blogger blog. we have made it easier for you to do that. It won't take much of your time. All you have to do is to sit back and follow the below procedures:
Follow the process below.
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.
Copy All Code
6. Add the meta tag as shown in the screenshot.
You can change the color code to your prefferd choice.
7. Save your work!
Background color of status bar
To change background color of your status bar make changes in <meta content='#c94c4c' in the third style
How to get code of a color? Click here to use color code generator!
Generally, the website owner does it for branding and also it changes the chrome address bar color and gives it a smooth look to the website and probably gives a feeling of a mobile app as well. And dramatically compliments the look and design of the template in the chrome mobile browser.
In this post i will show you how to change your address bar colour of a Blogger blog. we have made it easier for you to do that. It won't take much of your time. All you have to do is to sit back and follow the below procedures:
Follow the process below.
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.
Copy All Code
<meta content='#c94c4c' name='theme-color'/>
6. Add the meta tag as shown in the screenshot.
You can change the color code to your prefferd choice.
7. Save your work!
Background color of status bar
To change background color of your status bar make changes in <meta content='#c94c4c' in the third style
How to get code of a color? Click here to use color code generator!
Is it helpful?
Be the first to comment because your comments are highly welcomed and appreciated to this article. Do not forget to share with your friends/families Using The Share Bottons Below.
Post A Comment:
0 comments:
Click this box to comment