Chỉnh kích cỡ ảnh trong PopularPost
PopularPost dạng thumbnail trong blogspot chỉ cho phép kích thước tối đa là 72*72. Vậy làm sao để tăng hay giảm kích thước đó.
 |
| Độ phân giải ảnh PopularPost đã tăng và nét, ko bị mờ |
Một số bạn thường sử dụng thuộc tính CSS để chỉnh :
.PopularPosts img {}
Thuộc tính CSS này giúp bạn làm ảnh nhỏ đi chứ không thể làm tăng độ phân giải ảnh lên được. Khi tăng lên sẽ làm ảnh bị mờ đi.
Một trường hợp khác nữa khi bạn sử dụng callback một số thumbnail bị ảnh hưởng bởi ảnh trong PopularPost làm chúng bị mờ đi xấu xí.
Làm ảnh thumbnail trong PopularPost nhỏ đi, bạn chỉ cần thêm :
.PopularPosts img {width:50px; height:50px}
Chỉnh lại 2 thông số ảnh này theo size bạn muốn.
Tăng kích thước thumbnail trong PopularPost (Script của Confluent Forms) :
Đầu tiên mời bạn xem qua Demo tại :Như demo bạn thấy đó, kích thước ảnh trong PopularPost của mình to và trong rất rõ đúng không nào.
Vậy làm sao để làm như vậy :
Bước 1 :
Bạn vào Dashbroad -> Mẫu -> Chỉnh sửa HTML
Bước 2:
Tìm khóa </head>. Thêm trước đó đoạn Script sau :
<script>
//<![CDATA[
/**
this script was written by Confluent Forms LLC www.confluentforms.com
for the BlogXpertise website http://www.blogxpertise.com
any updates to this script will be posted to BlogXpertise
please leave this message and give credit where credit is due!
**/
$(document).ready(function() {
// change the dimension variable below to be the pixel size you want
var dimension = 160;
// this identifies the PopularPosts1 div element, finds each image in it, and resizes it
$('#PopularPosts1').find('img').each(function(n, image){
var image = $(image);
image.attr({src : image.attr('src').replace(/s\B\d{2,4}/,'s' + dimension)});
image.attr('width',dimension);
image.attr('height',dimension);
});
});
//]]>
</script>
Chỉnh lại 160 bằng kích thước bạn muốn.
Lưu ý: Kích thước quá kích thước ảnh gốc sẽ làm mờ ảnh.
Bước 3: Save Template
Ok. Vậy là đã xong. Nếu bạn không thực hiện được có thể để lại comment để được giúp đỡ.
(Vui lòng ghi rõ nguồn erhay khi bạn phát hành lại thông tin từ trang này)
Nguồn : chúng tôi sưu tầm từ nhiều nguồn
Chúng tôi tuyên thiết kế web chuyên nghiệp đẳng cấp giá rẻ với 5 năm kinh nghiệm trong lĩnh vực thiết kế website nếu các bạn có nhu cầu có thể liên hệ Hotline: 0962 66 57 57 || Email: cmay.tt@gmail.com || website: cmay.vn
0 nhận xét:
Đăng nhận xét