Favicon là một icon nhỏ có dạng tỉnh hoặc động, nó nằm trên thanh address của trình duyệt hoặc trước tiêu đề của mổi trang trên tab. Bài viết này giới thiệu cơ bản cách chèn Favicon vào blog và cách tạo chúng !
- Cách tạo Favicon có nhiều cách mình sẽ hướng dẫn sau:
- Mình xin hướng dẫn cách chèn vào blog trước !
1- Tạo favicon
Favicon là một icon nhỏ có kích thước 16x16 pixels. Nó thường là một biểu tượng đặc trưng cho web, blog, giúp người truy cập có thể dễ dàng nhận biết.
Nếu bạn có thể sử dụng các chương trình đồ họa như Illustrator hay Photoshop thì việc tạo ra một favicon rất đơn giản. Nếu không chỉ cần chọn một bức hình phù hợp với tiêu chí của bạn, có kích cỡ vừa phải và sử dụng các chương trình tạo favicon có sẵn.
Một số trang web giúp tạo favicon miễn phí
*Favicon.cc
*Favicongenerator.com
*Genfavicon.com
*Myfaves.in
*Dynamicdrive.com
*Favicon-generator.org
*Favicon.co.uk
*Degraeve.com
2- Chèn Favicon vào blog, web !
<link href='favicon URL' rel='shortcut icon'/>
Bạn copy đoạn code trên vào trong phần <head></head>.
Thay favicon URL bằng đường link tới file favicon mà bạn đã upload, có thể sử dụng định dạng ICO. PNG, GIF.
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).
Đoạn code trên mình sử dụng trong Blogspot, nếu bạn dùng các dịch vụ khác và không thấy favicon hiển thị thì có thể thử một trong những đoạn code sau.
<link href='Favicon URL' rel='icon' type='image/x-icon'/>
<link href='Favicon URL' rel='icon' type='image/png'/>
<link href='Favicon URL' rel='icon' type='image/gif'/>
Với Wordpress, tham khảo tại đây.<link href='Favicon URL' rel='icon' type='image/png'/>
<link href='Favicon URL' rel='icon' type='image/gif'/>
Chúc các bạn thành công.
0 comments