Khắc phục lỗi không hiển thị ảnh trên Blogspot

☼ Lỗi thứ nhất: 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 thứ hai: 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ànhlh4.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ạnglh4.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.