Cách khắc phục lỗi không hiển thị hình ảnh trên blogspot do nhà mạng chặn

Do nhiều lý do khác nhau như chính trị, tôn giáo và các SEOer lợi dụng tính Free của Blogspot để xây dựng site vệ tinh, spam trên mạng với nhiều nội dung thiếu chất lượng, nhiều tính xấu. Chính vì vậy một số nhà mạng như VNPT hoặc mạng 3G của Vinaphone, Mobifone đã chặn subdomain Blogspot.com. Từ đó ảnh hưởng nhiều đến cộng đồng Blogger hiện nay.

Để khắc phục tình trạng này, trên các động đồng mạng, diễn đàn đã 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 làm thế nào để khắc phục lỗi không hiển thị hình ảnh blogspot? 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ôm nay Thủ thuật Blog sẽ hướng dẫn khắc phục lỗi không hiển thị hình ảnh trên Blogspot do nhà mạng VNPT, 3G Vinaphone, Mobifone 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>

Các bạn có thể test trang rèm tre để thấy sự thay đổi với cách khắc phục không hiển thị hình ảnh trên blogspot