Cải thiện chất lượng ảnh Thumbnail trên trang chủ Blogger

Cải thiện chất lượng ảnh Thumbnail trên trang chủ Blogger | Bài viết này sẽ hướng dẫn các bạn lấy lại độ phân giải ảnh gốc, giúp cho ảnh thumbnail trở nên rõ nét hơn. Ảnh thumbnail bị mờ trên trang chủ Blogger là do bạn sử dụng Auto Readmore chưa chuẩn, có thể bị bóp méo hình ảnh gây mờ, làm cho blog không được đẹp mắt cho lắm.

Cải thiện chất lượng ảnh Thumbnail trên trang chủ Blogger

Bước 1: Đăng nhập Blogger > Mẫu > Chỉnh Sửa HTML
Bước 2: Sao chép đoạn code sau và dán lên trên thẻ đóng </body>. Có 2 sự lựa chọn cho bạn:
Đoạn code 1

<script type='text/javascript'>               
function changeThumbSize(id,size){
var blogGadget = document.getElementById(id);
var replacement = blogGadget.innerHTML;
blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c");
var thumbnails = blogGadget.getElementsByTagName("img");
for(var i=0;i&lt;thumbnails.length;i++){
thumbnails[i].width = size;
thumbnails[i].height = size;
}
}
changeThumbSize("BlogList1",100);               
</script>

Đoạn code 2

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("BlogList1");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c\//gi, "");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

Nếu bạn muốn áp dụng cho 2 tiện ích bạn có thể áp dụng đoạn code sau:

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("BlogList1");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c\//gi, "");
bodyText.innerHTML = theText;
bodyText2 = document.getElementById("RecentPosts1");
theText2 = bodyText2.innerHTML;
theText2 = theText2.replace(/s72-c\//gi, "");
bodyText2.innerHTML = theText2;
}replaceText();
//]]>
</script>

- BlogList1 là ID tiện ích bạn muốn thay đổi chất lượng hình ảnh thumbnail, bạn có thể thay bằng các tiện ích khác như RecentPosts1.
- 100 là kích thước hình ảnh.

Hi vọng bài viết Cải thiện chất lượng ảnh Thumbnail trên trang chủ Blogger sẽ giúp ích cho các bạn tăng chất lượng ảnh thumbnail.

Chúc các bạn thành công!

Cải thiện chất lượng ảnh Thumbnail trên trang chủ Blogger

Cải thiện chất lượng ảnh Thumbnail trên trang chủ Blogger

Related Post