Chuyển đến nội dung chính

Cách khắc phục lỗi không hiển thị hình ảnh trên Blogger (Blogspot) do nhà mạng chặn

Do bên mình có hệ thống blog nên mình tìm hiểu và chi sẻ cho các bạn, và cách này khá hay và đơn giản nhất và không mất thời gian,  bạn nào làm mà chưa đúng cách thì pm mình hướng dẫn cho nhóe. Mình là dân code nên viết có chỗ khó hiểu các bạn thứ lỗi.  Hiện tại website này mình đã cài đặt và rất tốt.

Cách khắc phục lỗi không hiển thị hình ảnh trên Blogger
 

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...'' Nguyên nhân là do xuất hiện những blog có nội dung xấu, trái với pháp luật Việt Nam. Điều này gây ảnh hưởng rõ dệt không chỉ cho người dùng mà còn ảnh hưởng đến những ai sử dụng nền tảng Blogger làm website.

Nếu bạn đang sử dụng nền tảng Blogger làm website. Thì để khắc phục vấn đề trên thì các bạn lên mạng cũng rất nhiều cách hướng dẫn cách DNS hay gắn tên miền mới cho blog nhưng, đối với các bạn an hiểu thì không nòi làm gì nhưng đối với những bạn không biết cách làm thì thật là khó đúng không, nhất là đối những bạn làm Seo mà không biết code....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 để khắc phục lỗi trên tránh tình trạng mất bạn sẽ mất một lượng lớn người truy cập.

Vậy Vietads.edu.vn đưa ra một lối thoát đơn giản nhất cho người dùng blog là. 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 nhé.
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> 

-- Chúc các bạn thành công... 

Nhận xét

  1. Cảm ơn bạn đã chia sẻ thủ thuật hay trong thời buổi bị chặn như bây giờ. Mình đã làm theo và các bài viết đã hiển thị được còn trong các widget tùy chỉnh thì ko thể hiện được ảnh đại diện như trong bài viết này của mình phần related post không thể hiện được ảnh đại diện. Bạn xem giúp mình xem có cách nào khắc phục được không?
    site của mình là: viettravelmagazine.com

    Trả lờiXóa

Đăng nhận xét

Bài đăng phổ biến từ blog này

Cách tạo nút gọi, chát zalo, facebook, vào blogspot

Với các bước này thì các bạn không biết gì về code cũng làm được hoàn thành 100%.  Bước 1: Các bạn vào phần quản lý code HTM của blogspot . Bước 2: Các bạn thêm đoạn code vào trên thẻ </body> đoạn code như bên dưới .  <script>//<![CDATA[ var _widget_settings = {   positions: 'bottom left',   support: {     staff: {       name: 'Đình Tưởng',        image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmYsGwriceuclRqzGT1iAHSbWJIIHU16mhMXWnzowZDXudWaXkijDLFiVh73VVlzrOePiZdVuF-6eJ2xg2U5CgxfepSDpydwsisORFiTEYW41jWZLXpQcUcGZTjztTobP5XMPjMXBC8A6cjoMk1Od2MvZ8iPLAj2ug1q6u6xw861a0-3JXFe8ciKzG9gPl/s1600/favicon.png',       messages: 'Không biết em có thể hỗ trợ gì cho anh/chị không...?'     }   },   buttons: {     contact: {       visible: 'false',       id: '#',       messages: 'Liên hệ'     },     email: {       visible: 'false',       id: 'seovietads@gmail.com',       messages: 'Gửi email

Hướng dẫn cách tracking chuyển đổi Google Ads qua chat tawk to CHI TIẾT

  Để đo được chuyển đổi từ nguồn nào về chúng ta cài đặt chuyển đổi theo dõi khách tương tác với chúng ta từ kênh nào. Vậy bài viết này Hiếu sẽ hướng dẫn bạn cách theo dõi chuyển đổi Tawk.to bằng Google Tag Manager, đảm bảo xem hết làm theo là được.  Bước 1 : Chèn mã của Tawk.to bằng Tag Manager với HTML đặc biệt. Để làm được bước này chúng ta đăng nhập vào tài khoản Tawk.to để lấy mã code sau đó vào quản trị tiếp theo vào Chat Widget xuất hiện đoạn mã code như này.  <!–Start of Tawk.to Script–> <script type=”text/javascript”> var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement(“script”),s0=document.getElementsByTagName(“script”)[0]; s1.async=true; s1.src=’https://embed.tawk.to/ xxxxxxxxxxxxxxxxxxxxxxxx /1f7qipspo’; s1.charset=’UTF-8′; s1.setAttribute(‘crossorigin’,’*’); s0.parentNode.insertBefore(s1,s0); })(); </script> <!–End of Tawk.to Script–> Các bạn chú ý là phần mình bôi đỏ  xx đó là mã của mỗi tài khoản có mã