Đổi Màu Thanh Tab Bar Trên Trình Duyệt Mobile

Sử dụng blog một thời gian nhưng có thể bạn không biết điều này. Có khi nào bạn lướt một trang web nào đó mà thấy thanh địa chỉ, thanh tab của trang đó lại có màu giống hoặc gần giống với giao diện của trang không. Nếu bạn muốn đổi màu nó thì bài viết này sẽ hướng dẫn bạn làm điều đó.

Share Code Đổi Màu Thanh Tab Bar Trên Mobile Cho Blog

Hướng Dẫn:

Đầu tiên bạn kiểm tra xem trong template của bạn đã có thẻ meta với name='theme-color'. chưa. Nếu chưa có thì các bạn thêm đoạn code sau vào sau thẻ <head>

<!-- Chrome --> 
<meta content='mã_màu' name='theme-color'/>
<!-- Window Phone -->
<meta content='mã_màu' name='msapplication-navbutton-color'/>
<!-- Safari -->
<meta content='mã_màu' name='apple-mobile-web-app-status-bar-style'/>

Nếu có rồi đã các thẻ meta như ở trên rồi thì các bạn chỉ việc thay mã màu vào là xong.

Lời Kết

Vậy là trong bài viết ngày hôm nay mình đã hướng dẫn các bạn đổi màu thanh địa chỉ theo màu mà mình thích. Các bạn có thể thử ngay nhé, nếu thành công thì quay lại đây để lại cho mình một comment ở bên dưới nha!