Icon của website hiện trên các đầu tab trình duyệt

Thêm Icon vào trang blog / website của bạn !

Icon của website hiện trên các đầu tab trình duyệt
Icon của website hiện trên các đầu tab trình duyệt

Icon của trang sẽ được hiển thị một ô nho nhỏ trên thanh trình duyệt, nhìn vừa đáng yêu 😀 lại vừa thuận tiện cho việc ghi nhớ vị trí tab, và nó còn có tí phong cách riêng nữa, giờ nếu các bạn chưa biết cách thêm vào website của mình như thế nào thì sau đây mình sẽ giúp các bạn:

1. Thêm ảnh PNG

Icon chấp nhận ảnh PNG, các bạn tạo ra một ảnh PNG với kích thước mAx là 35x35px nhé, sau đó thêm vào header của website dòng code như sau:

<link rel="icon" type="image/png" href="{URL}/favicon.png">

Nhớ dùng đúng lệnh nhé, thay đường dẫn trên thành đường dẫn tới file của bạn !

2. Thêm ảnh “.ico” vào

Với các file Icon bằng đuôi mở rộng là .ico thì các bạn cần phải dùng lệnh sau:

<link href='{URL}favicon.ico' rel='icon' type='image/x-icon'/>

Và giờ thì F5 vài lần để trình duyệt nhận Icon mới nào, chúc các bạn thành công !

TÁC GIẢ:

Tôi là Jam, thâm niên 7 năm thiết kế website và làm SEO. Hãy theo dõi blog của tôi để nhận được nhiều chia sẻ thú vị xung quanh chủ đề công nghệ.

Có 5 bình luận !

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *