Sửa lỗi ảnh thumbnail bài viết trên trang chủ bị mờ cho Blogger

How to fix Post Thumbnail Issue in Blogger

Blogger lại tiếp tục có cập nhật mới và trên một số template đã gặp phải một lỗi đó là ảnh thumbnail bài viết hiển thị rất mờ mặc dù đã có code resize ảnh thumb trên template.

Nguyên nhân là do Blogger đã thực hiện một số cập nhật liên quan đến ảnh thumb dẫn đến đoạn code resize torng template bị lỗi. Bài viết sau đây sẽ hướng dẫn cho các bạn khắc phục lỗi đó.

Cách sửa lỗi

1Vào Chủ đề >> Chỉnh sửa HTML và tìm đến đoạn code resize ảnh thumb đang bị lỗi trên template của bạn bằng cách tìm kiếm 1 trong các dòng code snippet_count hoặc thumbnail_resize. Sau khi tìm được đoạn code sẽ trông tương tự như bên dưới. Tùy thuộc cấu trúc từng template mà đoạn code có thể khác nhau.

<script type='text/javascript'>
snippet_count = 150;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
function bp_thumbnail_resize(image_url,post_title)
{
var image_width=250;
var image_height=170;
image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
if(post_title!="") return image_tag; else return ""; 
}
//]]>
</script>

2Hãy chú ý đến /s72-c/ đây là chỗ Blogger đã update khiến đoạn code bị lỗi. Để khắc phục các bạn hãy thay thế /s72-c/ thành /s72-c-k-no/

3Lưu template lại và hãy f5 website của bạn xem lỗi mờ ảnh thumb đã được khắc phục chưa nhé.
Cập nhật nhanh ngày 03/03/2017

Blogger đã rất nhanh sửa lỗi này, vì vậy bạn nào đã thực hiện theo thủ thuật trên mà ảnh thumbnail bị mờ trở lại các bạn hãy thực hiện ngược lại thủ thuật trên, tức là đổi /s72-c-k-no/ thành /s72-c/

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm