Tạo Favicon cá nhân cho blog

• Favicon.cc
• Favicongenerator.com
• Genfavicon.com
• Myfaves.in
• Dynamicdrive.com
• Favicon-generator.org
• Favicon.co.uk
• Degraeve.com

<link href='favicon URL' rel='shortcut icon'/>

<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'/>

Khắc phục lỗi không hiển thị Favicon hoặc hiển thị chập chờn:

1. Phải chắc rằng phần mở rộng của file fải là .ico , nếu file của bạn có đuôi .gif hoặc .jpg thì Favicon cũng xuất hiện, nhưng đôi khi nó biến mất.

2. Chèn Code favicon.ico của bạn dưới code của blogger:
-
 Các bạn sẽ thắc mắc là code favicon của blogger nằm ở đâu? nếu các bạn 
vào template, vô chỉnh sửa code, các bạn cũng sẽ không thấy code favicon
 của blogger. Tuy vậy không có nghĩa là blogger không add code favicon 
vào template. Trên thực tế blogger đã add sau code :

<b:include data='blog' name='all-head-content'/>
-
 Để xem được đọan code của blogger, các bạn vào trình duyệt web của mình
 và nhấn chuột fải để View Page Source. Và các bạn sẽ thấy :

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/> 
<link
 rel="alternate" type="application/atom+xml" title="BlOg FD - FanDung - 
Atom" href="http://fandung.blogspot.com/feeds/posts/default" />
<link
 rel="alternate" type="application/rss+xml" title="BlOg FD - FanDung - 
RSS" href="http://fandung.blogspot.com/feeds/posts/default?alt=rss" 
/>
<link rel="service.post" type="application/atom+xml" 
title="BlOg FD - FanDung - Atom" 
href="http://www.blogger.com/feeds/82433928586953437/posts/default" 
/>
- Dòng code màu đỏ là code favicon của Blogger. Để 
file favicon của ban không bị chặn bới file favicon của blogger, code 
của bạn phải nằm dưới code của blogger.
- Ví dụ bạn có code như sau:

<link href="http://www.example.com/favicon.ico" rel="shortcut icon" type="image/x-icon">
Hãy chèn nó giống như thế này :

<b:include data="blog" name="all-head-content">

<link href="http://www.example.com/favicon.ico" rel="shortcut icon" type="image/x-icon">
nếu vẫn chưa xuất hiện, hãy thử như bên dưới:

<link href='http://www.example.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

<b:skin>
- Save template lại.

3. Nếu 2 cách trên vẫn không được, hãy thử đổi lại code favicon như code bên dưới.

<link href='http://www.example.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
và thêm nó vào phía trên thẻ đóng </header>
- Save template lại.