Khắc phục lỗi không hiển thị hình ảnh trên thiết bị di động đối với blogger

Fix lỗi không hiển thị hình ảnh khi VNPT chặn blogspot

Để khắc phục tình trạng VNPT chặn hình ảnh blogger thì hôm nay tôi sẽ chia sẻ cho các bạn các fix lỗi không hiển thị hình ảnh trên blogspot

NHÀ MẠNG VNPT CHẶN BLOGGER VÀ WORDPRESS

Hiện tại, nhà mạng VNPT đã chặn triệt để các tên miền có subdomain là *.blogspot.com. Điều này gây ảnh hưởng rõ dệt không chỉ cho khách hàng đang sử dụng mà còn ảnh hưởng đến những ai dùng nền tảng Blogspot làm website chính cho Seo.

Trên mạng cũng đã có vài cách khắc phục việc VNPT chặn blogspot.com như thay đổi DNS hay gắn tên miền mới. Tuy vậy đối với Seo thì không phải khách hàng nào cũng biết thay đổi DNS ( sẽ mất đi 1 phần lớn lưu lượng người truy cập), gắn tên miền mới thì vẫn sử dụng ảnh upload có đuôi bp.blogspot.com nên gây ra việc mất hình, hỏng giao diện...

Đầu tiên bạn vào Blogger.com » Blog của bạn » Mẫu » Chỉnh sửa HTML.Tại đây bạn tìm đến dòng</body> sau đó copy đoạn code sau lên "ngay trước" phần </body>

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

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.

Nguồn: thichblog.com