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

blogspot khong hien thị hinh anh, sua loi khong hien thị hinh anh tren blog, Khắc phục lỗi không hiển thị hình ảnh trên Blogspot, Fix lỗi không hiển thị hình ảnh khi VNPT chặn blogspot, lỗi blog mất ảnh khi bị chặn
VNPT có đưa ra bản thông báo rằng:'' để đảm bảo quyền lợi của khách hàng sử dụng mạng VNPT khỏi các blog xấu thì từ ngày 20/3/2015 VNPT chính thức chặn tên miền blogspot.com hay tất cả các domain link chứa blogspot.com đều bị chặn...''

Để khắc phục tình trạng blogspot khong hien thị hinh anh này, trên mạng đã hướng dẫn một số thủ thuật như thay đổi DNS hay gắn tên miền mới. Tuy nhiên không phải ai cũng biết thay đổi DNS (bạn sẽ mất một lượng lớn người truy cập), còn việc gắn tên miền mới thì vẫn sử dụng ảnh upload có đuôi bp.blogspot.com nên hình ảnh đương nhiên sẽ bị chặn.

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

Hướng dẫn fix lỗi không hiển thị hình ảnh trên Blogger (Blogspot) do nhà mạng VNPT chặn

Cách 1: Chỉnh sửa 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

Cách 2: Chỉnh sửa tự động sử dụng Javascript
Chỉ với một đoạn code ngắn, nó sẽ tự động thay thế link ảnh, bạn sẽ không cần ngồi sửa thủ công từng bài một.
Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Chèn đoạn code này vào trước thẻ </body> rồi Lưu mẫu lại

<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: Chỉnh sửa tự động sử dụng JQuery
Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML
Chèn đoạn code dưới vào trước thẻ </body> rồi Lưu mẫu lại

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

Nếu blog của bạn đã có thư viện JQuery thì hãy xóa dòng <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Thấy bài viết có ích thì hãy like và share cho mình nhé!