Lỗi không hiển thị ảnh trên Blogspot và cách khắc phục

Với mạng VNPT ở Việt Nam đã bị chặn truy cập Blogspot của Google nhưng có thể truy cập bằng cách đổi DNS để truy cập,hay các quản trị viên Blog có thể trỏ tên miền về Blog để khách hàng có thể truy cập Blogspot mà không cần đổi DNS.Đối với việc trỏ các tên miền vào Blogspot thì những người dùng mạng VNPT vẫn có thể truy cập vào Blogspot như bình thường nhưng các ảnh sẽ bị lỗi hình ảnh.Việc lỗi hình ảnh này sẽ gây ra không hiển thị hình ảnh trên Blogspot.Vậy có cách nào để khắc phục tình trạng không hiển thị ảnh trên Blogspot?Blog Minh Trí sẽ chia sẻ cho các bạn 3 cách để khắc phục vấn đề này?

Lỗi không hiển thị ảnh trên Blogspot và cách khắc phục

Các cách khắc phục không hiển thị ảnh trên Blogspot:

Mình sẽ chia sẻ 3 cách để khắc phục lỗi không hiển thị ảnh trên Blogspot,những các này chỉ có tác dụng với các Blog đã trỏ tên miền.Mục đích của 3 cách này là gì để đổi đuôi ảnh bp.blogspot.com sang các dạng như lh4.googleusercontent.com .Vì các ảnh được upload trên Blogspot cũng được đồng bộ lên tài khoản Google của bạn.

Tạo thông báo đẩy cho Blogspot:

Cách 1: Sửa link ảnh thủ công:

Sau khi upload các hình lên Blogspot để viết bài bạn chỉ cần chỉnh sửa link ảnh từ bp.blogspot.com  sang dạng lh4.googleusercontent.com hay lh4.ggpht.com  .Để chỉnh sửa link ảnh thì các bạn chuyển đổi chế độ viết bài bằng HTML và tìm đến Link ảnh và chính sửa mà thôi.

Cách 2: Sử dụng Javascript để tự động đổi link ảnh:

Đối với các này bạn không cần phải sử dụng biện pháp thủ công để chỉnh sửa link ảnh nữa mà đã có Javascript để chỉnh sửa.

Dùng Javascript để khắc phục không thể hiển thị ảnh Blogspot

Bạn chỉ cần thêm đoạn code này vào trước thẻ đóng </body> của Template:

<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>

Cách 3: Sử dụng JQuery để khắc phục lỗi không thể hiển thị ảnh Blogspot:

Để khắc phục lỗi không thể hiển thị ảnh cho Blogspot tự động mà ko cần chính sửa link ảnh thủ công thì các bạn có thể sử dụng các này để khắc phục tình trạng đó:

Cũng giống như sử dụng Javascript bạn chỉ cần thêm đoạn code này trước thẻ đóng </body> của Template:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script type='text/javascript'>//<![CDATA[ $("body img").each(function () {$(this).attr("src", $(this).attr("src").replace(//[0-9]+(.bp.blogspot)?/, "/lh4.googleusercontent")) }); //]]></script>Chúc các bạn thành công với 3 cách này,nếu bạn có thắc mắc gì xin vui lòng liên hệ với mình Facebook để được hướng dẫn chi tiết hơn.