Favicon là hình ảnh nhỏ hiển thị khi người dùng truy cập vào website. Favicon sẽ làm nổi bật brand của website khiến người dùng tin tưởng hơn. Có nhiều cách để hiển thị một favicon, sau đây hướng dẫn một vài cách hiển thị ổn định trên mọi trình duyệt.
Favicon trên web chỉ có kích thước 16×16 và có đuôi mở rộng là .icon bạn có thể dùng phần mềm như Perfect Icon hay bất kỳ phần mềm tạo icon khác, tham khảo: http://www.iconempire.com/download.htm để tạo ra một icon 16×16.
Bạn cũng có thể tạo favicon từ một hình ảnh jpg, png, gif như sau:
Bước 1: Chuẩn bị sẵn một hình ảnh với kíchh thước 16x16px
Bước 2: truy cập vào địa chỉ http://tools.dynamicdrive.com/favicon/, nhấn vào Duyệt (Browse) để chọn ảnh đã chuẩn bị ở bước 1, Sau đó nhấn vào Create Icon để tạo favicon, thực hiện thành công chương trình sẽ yêu cầu bạn Download file về.
Hoặc cũng có thể vào
- Favicon.cc
- Favicongenerator.com
- Genfavicon.com
- Myfaves.in
- Dynamicdrive.com
- Favicon-generator.org
- Favicon.co.uk
- Degraeve.com
Bước 4: Sau khi đã Download về giải nén bạn sẽ có một file có tên là favicon.ico
Bước 5: Nhúng favicon.ico vào website bằng hai cách sau:
Cách 1: Truy cập vào phần quản lý Site -> Cập nhật Site -> Nhấn vào nút Edit Site -> Nhập favicon vào như hình bên dưới
Cách 2: Sửa file master trong thư mục DigitvisionSkins, trong thẻ <head>, chèn thêm dòng code như hình sau:
Kết quả cuối cùng là đây: (Lưu ý có thể favicon chưa lên ngay là do trình duyệt cập nhật chậm, có thể thử xem ở vài máy hoặc trình duyệt để chắc chắn đã thành công)
Chúc các bạn thành công!
Các bước thay đổi Favicon của blogger
1. Vào bảng điều khiển Blogger -> Bố cục (Layout) -> chọn tiện ích Favicon và bấm chỉnh sửa
Sau đó các bạn chọn tệp tin đưa lên. Yêu cầu:
Tải lên hình đại diện tùy chỉnh
Chọn tệp hình đại diện. Vui lòng sử dụng ảnh hình vuông có kích thước dưới 100KB.
Ưu điểm của cách này là hiển thị tốt trên tất cả mọi trình duyệt
1. Vào bảng điều khiển Blogger -> mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
2. Tìm tới <head> và dán Code dưới đây sau nó
<link href = "favicon URL" rel = "shortcut icon"/><link href='favicon URL' rel='shortcut icon'/>
Sau khi lưu thay đổi, bạn vào trang web để kiểm tra, nếu chưa thấy xuất hiện favicon bạn cần xóa cache và khởi động lại trình duyệt.
- IE: vào Tools, Delete browsing History, (Shortcut: Ctr+Shift+Del),
- Firefox: Tools, Clear recent History, (Shortcut: Ctr+Shift+Del).
- Chrome: Setting (Biểu tượng cái cờ lê), Clear browsing data, (Shortcut: Ctr+Shift+Del).
B1: Vào layout > tải file sau lên
B2: Copy đường links sau đặt sau <head>
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0ubDryXVKAw4U6x5hApuAwtsZJsOJ_n-gnHjImR2foWzfWYPm9GsnA0cOEq-rVQ8IEszH1TOu3a4TKUbA7eq5z-9M-f-lpujaZ-WbYTS0kjgfiTwID48MfAQt7ueaRfQs-uhqF5_RuCk/s1600/favicon+%25282%2529.ico' rel='shortcut icon'/>
No comments:
Post a Comment