3 cách khắc phục lỗi không hiển thị hình ảnh cho Blogspot

Vấn đề được quan tâm nhất của những người lập website trên mã nguồn Blogger bây giờ mình nghĩ là việc lỗi không hiển thị hình ảnh trên Blogspot do nhà mạng chặn. Vì vậy hôm nay Thịnh ND viết bài này, xin chia sẻ cho các bạn  3 cách khắc phục lỗi không hiển thị hình ảnh cho Blogspot.

CÁCH 1: CHỈNH SỬA THỦ CÔNG

Nghĩa là khi đăng tải hình ảnh lên, link hình ảnh sẽ có dạng 

1.bp.blogspot.com hoặc 2.bp.blogspot.com, 3.bp.blogspot.com, 4.bp.blogspot.com, 5.bp.blogspot.com, 6.bp.blogspot.com, 7.bp.blogspot.com, 8.bp.blogspot.com, 9.bp.blogspot.com 

và bạn hãy thay nó là lh3.googleusercontent.com hoặc lh3.ggpht.com

CÁCH 2: SỬ DỤNG JAVASCRIPT

Bước 1: Đăng nhập Blogger > Mẫu
Bước 2: Chèn đoạn code sau trước thẻ </body> và lưu mẫu

<script type='text/javascript'>
//<![CDATA[
//gb-replace-images
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/,"lh3.ggpht.com")}
//]]>
</script>

CÁCH 3: CHỈNH SỬA TỰ ĐỘNG SỬ DỤNG JQUERY

Bước 1: Đăng nhập Blogger > Mẫu
Bước 2: Chèn đoạn code sau trước thẻ </body> và lưu mẫu

<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 Blogspot 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>
(dòng đầu tiên trong đoạn code)

Trên đây là  3 cách khắc phục lỗi không hiển thị hình ảnh cho Blogspot. Xin cảm ơn bạn đã quan tâm theo dõi,xin cảm ơn!