Tin mới đăng:

Tạo favicon chèn trên thanh địa chỉ cho web, blog


Khi lướt web bạn thường thấy một icon nhỏ trước địa chỉ website trên thanh address của trình duyệt hoặc trước tiêu đề của trang trên mỗi tab. Đó chính là favicon. Favicon cũng xuất hiện trong Bookmarks. Bài viết dưới đây sẽ giới thiệu với các bạn một vài nét cơ bản về favicon và bạn có thể nhanh chóng tạo một cái cho blog của mình.
1.Kích cỡ của 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.
Hình ảnh minh họa Favicon trên các trình duyệt
2.Tạo favicon:
     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.
3.Một số trang web giúp tạo favicon miễn phí:
http://www.favicon.cc/
http://www.favicongenerator.com/
http://www.genfavicon.com/
http://www.myfaves.in/
http://tools.dynamicdrive.com/favicon/
http://favicon-generator.org/
http://www.favicon.co.uk/
http://www.degraeve.com/favicon/
     Các trang web này cho phép bạn tạo favicon dưới định dạng *.ICO. Tuy nhiên không có nhiều trang web hỗ trợ upload định dạng ảnh này trừ khi bạn có host riêng.
     Bạn có thể sử dụng favicon có định dạng PNG, GIF để thay thế.
4.Đưa favicon vào web, blog:
     Bạn copy đoạn code sau vào trong phần <head>....</head>, cụ thể mình đặt nó ngay sau ]]></b:skin>
<link href='favicon URL' rel='shortcut icon' type='image/x-icon'/>
     Đối với Trang Blog và Website của mình thì cụ thể như sau:
<link href='http://buixuandoanh.com.vn/images/favicon_chon.gif' rel='shortcut icon' type='image/x-icon'/>
     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'/>
     Hoặc:
<link href='Favicon URL' rel='icon' type='image/png'/>
     Hoặc:
<link href='Favicon URL' rel='icon' type='image/gif'/>
     Với Wordpress, tham khảo Tại đây.
                             Chúc các bạn thành công!
Tạo favicon chèn trên thanh địa chỉ cho web, blog Tạo favicon chèn trên thanh địa chỉ cho web, blog
9/10 356 bình chọn

Chia sẻ:

Xin chào! Mình là Bùi Xuân Doanh. Mình muốn được chia sẻ cùng các bạn những gì mình biết.

Theo dõi tôi trên Facebook Or Youtube


Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Quản trị

    Admin Bùi Xuân Doanh

    Click để Chat với Admin! Click để Chat với Admin!

    Email: buixuandoanh@gmail.com

    Hotline: 0983.379.818

Tư vấn Kỹ thuật