Đôi khi tìm được giao diện (template) ưng ý, fix được link bản quyền, xong các bạn lại có thể gặp phải lỗi cực kỳ ngớ ngẩn như là ảnh thumbnail bị mờ, cho dù các bạn đã điều chỉnh kích thước ảnh về đúng định dạng của giao diện. Khá bực mình phải không? Bài viết này mình chia sẻ với các bạn cách xử lý vấn đề này.
Các bước tiến hành như sau:
Bước 1: Vào trang quản trị blog > chủ đề > chỉnh sửa HTMLTìm đoạn code liên quan đến việc mã hóa và resize ảnh và thay đổi. Thông thường Blogspot sẽ dùng mã hóa S72 hoặc S72-C để resize ảnh, bạn tìm thấy dòng này trong code và thay nó bằng: S72-c-k-no
Đôi khi chỉ cần thực hiện đến đây ảnh thumbnail của các bạn cũng đã rõ ràng rồi, lưu lại và kiểm tra xem nhé.
Tuy nhiên nếu vẫn chưa được các bạn tiệp tục làm thêm bước 2.
Bước 2: Vẫn trong code nhấn Ctrl + Shift + R ( tìm và thay thế code)Nhấn tổ hợp phím Ctrl + Shift + R (nhớ Ctrl + Shift + R chứ không phải Ctrl+F nhé): nhập “data:post.thumbnailurl” xong enter, thay thế bằng cụm này vào “data:post.firstimageurl” và Enter
trường hợp đến bước 2 này thì thường là các giao diện có áp dụng set kích thước ảnh.
Ok, trên đây là cách mà mình đã thực hiện cho blog này. Chúc các bạn thành công!
Thấy nhiều anh em gặp lỗi mờ thumbnail mà không sửa được thì chia sẻ luôn.
Chỉ việc thêm câu lệnh .replace('s72-','')
Ví dụ js của mình có câu lệnh entry.media$thumbnail.url.replace('s72-c', 'w240-h240-p-k-no-nu') thì sẽ sửa thành => entry.media$thumbnail.url.replace('s72-c', 'w240-h240-p-k-no-nu').replace('s72-','')