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

Do bên mình có hệ thống blog nên mình tìm hiểu và chi sẻ cho các bạn, và cách này khá hay và đơn giản nhất và không mất thời gian,  bạn nào làm mà chưa đúng cách thì pm mình hướng dẫn cho nhóe. Mình là dân code nên viết có chỗ khó hiểu các bạn thứ lỗi.  Hiện tại website này mình đã cài đặt và rất tốt.

 

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

Nếu bạn đang sử dụng nền tảng Blogger làm website. Thì để khắc phục vấn đề trên thì các bạn lên mạng cũng rất nhiều cách hướng dẫn cách DNS hay gắn tên miền mới cho blog nhưng, đối với các bạn an hiểu thì không nòi làm gì nhưng đối với những bạn không biết cách làm thì thật là khó đúng không, nhất là đối những bạn làm Seo mà không biết code....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 để khắc phục lỗi trên tránh tình trạng mất bạn sẽ mất một lượng lớn người truy cập.

Vậy Vietads.edu.vn đưa ra một lối thoát đơn giản nhất cho người dùng blog là. 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 nhé.

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> 

-- Chúc các bạn thành công...