Cách đổi màu thanh Tabbar trình duyệt bằng html

HoangLam chúc mọi người ngày cuối tuần vui vẻ nhé =)) Hôm nay, HoangLam sẽ chia sẻ cho mọi người các để có thể đổi được màu sắc của thanh Tabbar trình duyệt bằng html cực kỳ đơn giản.


Ok không dài dòng nữa chúng ta cùng bắt đầu thôi.

Cách 1

Chúng ta sẽ dùng 1 thẻ meta chung để chèn vào Blog/website của mình. Các bạn copy đoạn code dưới đây và chèn vào dưới thẻ <head> hoặc trên thẻ </head> nhé
<meta name="theme-color" content="#ffffff"/>
Trong đó #ffffff là màu mà các bạn muốn thay đổi nhé

Cách 2

Thay vì dùng 1 thẻ chung chung để đổi màu thanh Tabbar thì chúng ta sẽ sử dụng nhiều thẻ để tương thích với từng trình duyệt web khác nhau. Cũng tương tự cách 1 các bạn dán đoạn code dưới vào dưới thẻ <head> hoặc trên thẻ </head> và thay thế #ffffff bằng màu của mọi người nhé
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#ffffff"/>
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#ffffff"/>
<!-- Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#ffffff"/>

Lợi ích việc thay đổi màu sắc Tabbar

Việc thay đổi màu sắc trên thanh tabbar của trình duyệt web sẽ giúp chúng ta đồng bộ được với giao diện của website/blog, nâng cao tính nhận dạng đặc trưng của thương hiệu và tạo sự thú vị cho người dùng

Trên đây là bài hướng dẫn Cách đổi màu thanh Tabbar trình duyệt bằng html được thực hiện bởi HoangLam. Nếu có thắc mắc hay ý kiến đóng góp, xin vui lòng để lại comment bên dưới để chúng mình được biết nhé. HoangLam chúc các bạn thành công!