Saturday, 11 March 2017
Tạo Favicon cho Blog
Cách 1:
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
Lợi ích của việc tạo ra và sử dụng favicon là, nó giúp bạn dễ dàng tìm thấy blog của bạn hoặc trang web khi có người đưa trang web của bạn vào mục yêu thích hoặc tạo bookmarked trang web của bạn
Hầu hết các favicon đều sử dụng kích thước 16 * 16 pixel định dạng hình ảnh có đuôi .ico (có thể sử dụng cả .png hay .gif). Do đó, sẵn sàng để tạo ra một favicon? Tất cả những gì bạn cần là một chương trình để tạo ra một trong favicon (. Ico) format.Nếu bạn không có 1 chương trình nào tạo ra hình ảnh định dang .ico thì bạn có thể tìm kiếm chúng trên Internet ...
Bây giờ biểu tượng của bạn đã sẵn sàng ... Bạn chỉ là một vài bước ra khởi tạo ra một favicon đẹp cho trang web của bạn ...Đăng nhập vào Blogger chọn layout>Edit html và tìm các mã này (nó ở đầu bản mẫu)
<title><data:blog.pagetitle/></title>
và thêm đoạn mã dưới đây giống như trong hình
và thêm đoạn mã dưới đây giống như trong hình
<link href='đường dẫn icon ' rel='shortcut icon' type='image/vnd.microsoft.icon'/>Sau đó các bạn tìm mã: ]]></b:skin> chép vào phía dưới đoạn mã này
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkwM2Uev6_6dZXfzQSheoUspmhKfNLbyihu-J0Vn05Tm7uCef6nwdwW8-mQXcJVC6nMpszQiqHiKYciJ_BoJfugTh0vBvxUGWU0ObKxqlO2D2YaSh20sNeKpPMIq60Zws269voPiIIwck/s1600/icon+tr.png' rel='icon' type='image/png'/>
Đoạn mã màu da cam là link dân của icon
Đoạn mã màu đỏ là mặc định loại hình ảnh: png:gif, jpg: tuỳ theo loại ảnh bạn chọn làm icon mà để
Lưu ý icon của bạn nên để dung lượng dưới 100 kb nhé
ok xong rồi bạn đã tạo được 1 icon mới cho blog của mình
Cách 2: Các trang web này cho phép bạn tạo favicon dưới định dạng Tên .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ế.
Đư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'/>
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.
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'/>
Chúc các bạn thành công!
hoặc <link href='Favicon URL' rel='icon' type='image/png'/>
hoặc <link href='Favicon URL' rel='icon' type='image/gif'/>
Chúc các bạn thành công!
