Khắc phục lỗi không hiển thị hình ảnh trên Blogger (Blogspot) do nhà mạng chặn

Tại thời điểm hiện tại, một số nhà mạng - cụ thể là VNPT đã chính thức chặn subdomain .blogspot.com, nguyên nhân là do xuất hiện những blog có nội dung xấu, trái với pháp luật Việt Nam. Điều này gây ảnh hưởng rõ dệt không chỉ cho người dùng mà còn ảnh hưởng đến những ai sử dụng nền tảng Blogger làm website.

Để khắc phục tình trạng 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 khắc phục lỗi không hiển thị hình ảnh trên Blogger (Blogspot) do nhà mạng 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>

Posted in bl