Tổng hợp cách khắc phục lỗi không hiển thị ảnh trên Blog đặc biệt là Blogspot và Blog Wordpress mới nhất #7

A. Nguyên nhân sau khi chặn các tên miền blogspot cũng như WordpressFacebook... cũng như các website nền tảng Blog thì từ năm 2015 tiếp tục chặn hình ảnh ở trong đó do đó nhiều bạn thắc mắc cách fix lỗi không hiển thị ảnh này hôm nay mình chỉ top 10 cách khắc phục hiệu quả lỗi không hiển thị ảnh khi blogger bị chặn đơn giản mà dễ làm hy vọng bạn có trải nghiệm thú vị với blog yêu thích của mình :
Top 10 cách khắc phục lỗi không hiển thị ảnh trên Blog đặc biệt là Blogspot và Blog Wordpress mới nhất
Top 10 cách khắc phục lỗi không hiển thị ảnh trên Blog đặc biệt là Blogspot và Blog Wordpress mới nhất

B. CÁCH KHẮC PHỤC LỖI (FIX) KHÔNG HIỂN THỊ ẢNH TRÊN BLOG
1. Cách thủ công khắc phục Blog website không hiển thị ảnh:  
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

2. Chỉnh sửa tự động sử dụng Javascript khắc phục Blog website bị chặn không hiển thị ảnh
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>

3. Cách dùng code  Chỉnh sửa tự động sử dụng JQuery khắc phục Blog website bị chặn không hiển thị ảnh
Đă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>

Giải thích : Ảnh sử dụng trong bài viết blogspot chính là sử dụng ảnh từ Picasa ( blogspot.com và googleusercontent.com đều chung 1 nguồn) do vậy đoạn code trên sẽ tự động tìm tất cả đường link toàn bộ website trong thẻ img sau đó thay thế host domain bp.blogspot.com sang googleusercontent.com nhằm khắc phục việc VNPT chặn đuôi blogspot.com. Đối với giao diện website dùng background:url, bạn có thể tự thay x.bp.blogspot.com sang lh4.googleusercontent.com

C. VIDEO HƯỚNG DẪN CÁCH KHẮC PHỤC LỖI (FIX) KHÔNG HIỂN THỊ ẢNH TRÊN BLOG




D. KẾT LUẬN CÁCH KHẮC PHỤC LỖI (FIX) KHÔNG HIỂN THỊ ẢNH TRÊN BLOG
Cho dù có nhiều cách khắc phục lỗi này thật nhưng chúng ta cũng không quên cập nhật những cách khác mới hơn , tốt hơn, nhanh hơn do đó bạn hãy đăng ký để nhạn thông báo qua email , và qua facebook cũng như youtube của trường 
Bài trước
Next Post »

VIDEO

[ Video ] [ pvid ]