Fix lỗi không hiển thị hình ảnh trên blog

Có 3 nguyên nhân cơ bản khiến blog của bạn không hiển thị được hình ảnh 

1. Do bạn lỡ tay xóa 

2. Do nhà mạng chặn ảnh blog

3. Do bạn coppy bài và coppy luôn ảnh mà không upload. 

Thường mấy bạn bắt đầu làm Blog trên nền tảng Blogger cứ nghỉ rằng ảnh upload lên Blogspot có liên quan gì ảnh trên picasaweb.google.com hay Google+ đâu mà nó cứ xuất hiện ở trên đây nhỉ? Vậy là xóa hết ảnh trên picasaweb.google.com hay Google+ rồi vô lại Blog. Ôi! ảnh trên Blog của mình đâu hết rùi L => ''Lỗi ảnh do xóa một cách vô tội vạ khi chưa biết gì''. Vì ảnh upload lên Blogspot hay upload lên Google+ nó đều lưu trữ ở picasaweb.google.com, tới đây chắc mấy bạn cũng biết tại sao xóa ảnh trên picasaweb.google.com hay Google+ thì ảnh trên Blog bị lỗi rùi đúng không nào. Cách khắc phục duy nhất là các bạn phải upload lại tất cả các ảnh đã bị xóa và đi thay link từng ảnh một. Hãy cẩn thận trước khi làm thứ gì mà mình chưa biết!

Lỗi do nhà mạng chặn lý do thì chắc Bạn nào cũng biết hết rồi, nhà mạng chỉ chặn các domain chứa link .blogspot.com thôi nhé! Vậy đâu là lối thoát cho người dùng Blogger? Vâng, với một thủ thuật đơn giản sau đây, hình ảnh sẽ được hiển thị dù bị nhà mạng chặn.

Cách 1: Chỉnh sửa một cách thủ công: Khi upload ảnh lên bài viết, link ảnh sẽ có dạng *.bp.blogspot.com, bạn chỉ cần chuyển bài viết qua chế độ HTML rồi sửa link đó thành lh4.googleusercontent.com hoặc lh4.ggpht.com là được.

Cách 2: Sử dụng một đoạn Javascript, với cách này link ảnh sẽ tự động chuyển về dạng lh4.googleusercontent.com bạn sẽ không cần ngồi sửa thủ công từng ảnh một. Vào Blog => Mẫu => Chỉnh sửa HTML. Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </body>. Sau đó dán đoạn mã Code sau ở phía trên thẻ </body> và lưu mẫu.

<script type='text/javascript'>
//<![CDATA[
var images = document.getElementsByTagName("img");
for(var i=0;i<images.length;i++) {
images[i].src = images[i].src.replace(/[0-9]+.bp.blogspot.com/,"lh4.googleusercontent.com");
}
//]]>
</script>

          Đơn giản, nhẹ nhàng vậy là tránh được cái nạn bị nhà mạng chặn. Ngoài ra Bạn cũng có thể sử một đoạn Jquery thay đoạn Javascript nhưng ở đây mình không nói tới, thiết nghĩ vì nó không cần thiết.

Cảm ơn các bnj đã đọc bài viết !