Sửa lỗi blogspot(Blogger) không hiển thị ảnh

Sửa lỗi blogspot(Blogger) không hiển thị ảnh

Vào một ngày đẹp trời bạn truy cập blogspot (Blogger) của mình trên trình duyệt Google chrome nhưng thật bất ngờ các ảnh đều không hiển thị vậy phải sửa thế nào? Sau đây mình xin hướng dẫn Sửa lỗi blogspot(Blogger) không hiển thị được ảnh trên Google Chrome,

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 blogspot 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 không hiển thị hình ảnh 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

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>

Nguồn : itviet365.com