Vài mẹo nhỏ khắc phục việc ko hiện thị được Favicon
Thứ Ba, 14 tháng 4, 2009
Solutions Not To Make Favicon Disappear Frequently
[FD's BlOg] - Chắc có người sẽ thắc tại sao mình đã add biểu tượng riêng của mình lên rồi mà trên thanh address vẫn chỉ có biểu tượng của Blogger, hoặc cũng có thắc mắc là tại sao nó chỉ hiện thị một cách không thường xuyên. Bài viết hôm nay mình đề cập tới vấn đề này.
Dưới đây là 1 số cách nho nhỏ để khắc phục tình trạng này.
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.
Chúc các bạn thành công.
Tags:
Thu Thuat Blog, Thủ thuật blog
[FD's BlOg] - Chắc có người sẽ thắc tại sao mình đã add biểu tượng riêng của mình lên rồi mà trên thanh address vẫn chỉ có biểu tượng của Blogger, hoặc cũng có thắc mắc là tại sao nó chỉ hiện thị một cách không thường xuyên. Bài viết hôm nay mình đề cập tới vấn đề này.Dưới đây là 1 số cách nho nhỏ để khắc phục tình trạng này.
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.
Chúc các bạn thành công.
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
- Bài viết liên quan cho blogspot - Hiệu ứng ảnh thu nhỏ
- Thủ thuật thêm thống kê Blog 3 trong 1 cho blogspot
- Giải pháp Blogger bị chặn 02/07/2012
- Các truy vấn cơ bản với Blogspot
- Nâng cấp ANC Gdata lên phiên bản 2.
- Hướng dẫn config domain cho hầu hết các mạng.
- Khắc phục hiện tượng chặn web của VNPT.
- Giải pháp VNPT chặn blogger ngày 09/06/2012
- Tạo thumb cho bài đăng phổ biến
- Tạo lại header cho chuẩn Seo
Comments[ 0 ]
Đăng nhận xét