Và 24 & 24 hôm nay sẽ hướng dẫn cho mọi người cách khắc phục lỗi blogspot không hiện ảnh do bị nhà mạng này chặn.
1 số nhà mạng của vn không chơi đẹp cho lắm, cụ thể vnpt chặn đuôi của .blogspot.com nên vì thế blogspot mới xảy ra tình trạng này.
Mình thì mình đang dùng mạng Viettel, rất ổn, và quan trọng hơn là nó không bị chặn đuôi blogspot.com của google trên google chrome. Lưu ý: Nó chỉ chặn được trên google chrome thôi nhá, chứ cốc cốc các bạn xài vẫn bình thường.
*** Lưu ý: Là nó chỉ chặn được cái đuôi .blogspot.com thôi, khi các bạn đã trỏ tên miền riêng vào blogspot rồi thì việc đọc nội dung và truy cập vẫn ok bình thường, chỉ có hình ảnh là không hiện ra được.
Lý giải tại sao khi trỏ tên miền riêng vào blogspot rồi mà nó vẫn bị lỗi không hiện ảnh, là do ảnh của chúng ta có đuôi dạng .blogspot.com, thế nên khi bị nhà mạng chặn cái đuôi .blogspot.com này thì nó sẽ không hiện ảnh ra thôi.
Để khắc phục cái trường hợp này thì cũng rất đơn giản thôi thì chúng ta chỉ cần cần đổi cái đuôi link ảnh có dạng .blogspot.com thành đuôi khác của google là ảnh hiện ra bình thường thôi.
Có 3 cách để khắc phục trường hợp này
1. Khắc phục thủ công
Mặc định của blogspot khi các bạn tải ảnh lên trên bài viết, thì link ảnh sẽ có dạng đuôi .bp.blogspot.com, và mọi người chỉ cần chuyển bài viết qua chế độ HTML rồi đổi cái đuôi đó thành đuôi lh4.googleusercontent.com hoặc lh4.ggpht.com là được.
2. Chỉnh sửa tự động sử dụng Javascript
Với cách này thì chỉ với một đoạn code ngắn là nó sẽ tự động thay thế đuôi link ảnh cho mọi người, và mọi người sẽ không phải ngồi sửa thủ công từng bài một như cách trên.
Để chỉnh sửa mọi người làm như sau:
Đăng nhập vào Blogger > Sau đó vào Mẫu > Rồi vào chỉnh sửa HTML
Mọi người chèn đoạn code này vào trước thẻ </body> nhá rồi bấm để 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. Chỉnh sửa tự động sử dụng JQuery
Các bạn vẫn làm như bước trên
Đăng nhập vào Blogger > Sau đó vào Mẫu > rồi vào chỉnh sửa HTML
Mọi người chèn đoạn code dưới đây vào trước thẻ </body> rồi bấm 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ả nhà 1 ngày mới vui vẻ và thành công!
Hẹn gặp các bạn vào những bài tiếp theo nhé !
Đội
24 & 24 Team
