Hướng dẫn khắc phục lỗi không hiển thị hình ảnh của Blogspot


Việc dùng Blogger ở Việt Nam là khá phổ biến. Nhưng trong 1 vài năm trở lại đây 1 số nhà mạng đã chặn Blogspot, đặc biệt là nhà mạng VNPT. Nguyên nhân là do mấy phần tử xấu/ phản động thường dùng Blogspot để xuyên tạc, kích động nói xấu chế độ nhà nước. Vì vậy các nhà mạng hầu như chặn tất cả những gì liên quan đến Blogspot. Tất cả các website có tên miền đuôi blogspot.com đều bị chặn hoàn toàn.

Đối với những Blogger đã được gắn tên miền riêng thì vẫn truy cập được, nhưng những hình ảnh trong bài viết Blogspot lại ko hiển thị. Điều này thật bất tiện cho người đọc/khách hàng truy cập vào blogspot của bạn, ảnh hưởng khá lớn đến việc bán hàng online của bạn. Vì vậy hôm nay Sơn Nguyễn sẽ chia sẻ 3 cách khắc phục lỗi không hiển thị hình ảnh của Blogspot do bị các nhà mạng chặn. Những cách này rất hữu hiệu với những Blogspot đã được gắn tên miền riêng.



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

Cách 1: Chỉnh sửa thủ công

  • Sau khi Up hình ảnh vào bài viết Blogspot, link hình ảnh sẽ có dạng *.bp.blogspot.com. Khi đó bạn chỉ cần chuyển bài viết qua chế độ HTML và chỉnh 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

  • Với cách này bạn dùng 1 đoạn code ngắn để khắc phục lỗi ko hiển thị hình ảnh của Blogspot, nó sẽ tự động thay thế link hình ảnh trong Blogspot, bạn sẽ không cần ngồi sửa thủ công từng hình ảnh, từng bài.
  • Cách làm như sau:
  • Bạn truy cập vào Blogger.com --> tiến hành đăng nhập bằng tài khoản Gmail của bạn --> chọn trang Blogspot cần khắc phục lỗi ko hiển thị hình ảnh --> vào phần quản trị Blogspot --> Chọn Mẫu --> Chỉnh sửa HTML
  • Trong phần code, bạn bấm Ctr + F tìm thẻ đóng </body>. Sau đó bạn chèn đoạn code này vào trước thẻ  đóng </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>

  • Bấm Lưu mẫu


Cách 3: Chỉnh sửa tự động sử dụng JQuery

  • Với cách này bạn cũng dùng 1 đoạn code ngắn để tự động khắc phục lỗi ko hiển thị hình ảnh của Blogspot. Bạn cũng tiến hành các bước như cách 2
  • Trong phần code bạn bấm Ctr + F tìm thẻ đóng </body>  --> Chèn đoạn code này vào trước thẻ </body> 
<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>

  • Bấm Lưu mẫu

Chú ý:
 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)

Nếu gặp vấn đề gì trong việc khắc phục lỗi ko hiển thị hình ảnh của Blogspot các bạn comment vào phía dưới nhé

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

Để xem thêm các thủ thuật Blogger bạn bấm vào "Blogger" trên thanh menu nhé!



Hướng dẫn khách hàng sử dụng dịch vụ

Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODE
Quý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATE
Xem thêm

Hướng dẫn gắn tên miền vào Blogspot đơn giản, nhanh gọn


Sau khi đã thiết kế website chuẩn SEO bằng Blogspot thì việc gắn tên miền (domain) vào Blogspot là việc làm cần thiết, giúp cho webste của bạn trông giống website hơn :D, giúp bạn trở nên chuyên nghiệp hơn khi bán hàng online, khách hàng sẽ dễ nhớ đến website bạn hơn và sẽ dễ dàng truy cập vào hơn

Việc gắn tên miền vào Blogspot cũng rất đơn giản. Các bạn làm như sau





>> Hướng dẫn mua Domain trên NameCheap với Promotion Code
>> DreamHost giảm giá Hosting 40% + Free Domain


Video Hướng dẫn gắn Tên miền (Domain) vào Blogspot




Các bước gắn tên miền riêng vào Blogspot


Bước 1: gắn tên miền tùy chỉnh vào Blogspot/Blogger

Đầu tiên bạn truy cập vào blogger.com, tiến hành đăng nhập bằng tài khoản Gmail của bạn --> chọn trang Blogspot mà bạn muốn gắn tên miền vào --> truy cập vào Phần quản trị của Blogspot đó.

Trong phần quản trị blogspot, bạn vào phần Cài đặt ---> chọn mục Cơ bản ---> chọn Thiết lập URL của bên thứ 3 cho blog của bạn



Trong phần Địa chỉ Blog, bạn nhập tên miền bạn mua vào ô Cài đặt tên miền của bên thứ 3
(chú ý: phải có tiền tố "www." phía trước tên miền nhé) ---> bấm Lưu



Xuất hiện thông bâó lỗi: Chúng tôi đã không thể xác minh thẩm quyền của bạn cho miền này. Lỗi 32.
Vấn đề này ko sao cả, đơn giản vì ta chưa cài đặt cho tên miền trỏ về Blog nên Blogger chưa xác minh được chủ sở hữu của tên miền đó.

Chúng ta tiếp tục làm như sau:
Bạn chọn Hướng dẫn cài đặt ở phía dưới dòng thông báo lỗi,


Lập tức sẽ xuất hiện phần hướng dẫn của Google Cách sử dụng tên miền tùy chỉnh cho Blog của tôi?

Trong phần Bạn muốn lưu trữ Blog của mình ở đâu? bạn chọn Trên miền cao cấp nhất (www.example.com).


Sau khi bạn tick vào ô đã chọn, sẽ xuất hiện thêm phần hướng dẫn của Google, bạn chý ý 4 dãy số ở cuối phần 1 và hãy Copy chúng



Bước 2: Cài đặt CNAME cho Tên miền trỏ về trang blogspot

Khi bạn mua tên miền từ các công ty chuyên về dịch vụ mua bán tên miền, thanh toán cho họ xong thì bạn sẽ nhận được Email xác nhận giao dịch mua tên miền thành công và bên dịch vụ sẽ cung cấp tên đăng nhập, mật khẩu, đường link để bạn truy cập vào trang quản lý tên miền bạn đã mua.

Bạn truy cập vào đường link họ cung cấp, tiến hành đăng nhập bằng Tên đăng nhập và mật khẩu họ đã cung cấp. Trong trang Quản trị, bạn vào mục Sửa bản ghi --> chọn tên miền bạn đã mua và muốn trỏ về trang blogspot của bạn.

Bạn thêm 2 bản ghi CNAME đã có lúc thông báo lỗi "Chúng tôi đã không thể xác minh thẩm quyền của bạn cho tên miền này. Lỗi 32" --> bấm Lưu


Như vậy, bạn đã hoàn tất việc trỏ tên miền vào trang blogspot của bạn

Bước 3: Loại bỏ www

Sau khi bạn trỏ thành công tên miền về trang Blogspot của bạn thì việc truy cập vào website của bạn sẽ rất thuận tiện và rất dễ nhớ (vì ko còn đuôi blogspot.com nữa). Tuy nhiên, khi gõ tên miền trên trình duyệt nếu thiếu www thì bạn sẽ không truy cập được trang web của bạn. Muốn truy cập được thì bạn phải gõ đầy đủ theo cú pháp www.tenmien.com/net/info/org ....v...v... (tùy bạn mua tên miền "đuôi" gì :D).

Điều này thật bất tiện cho bạn và khách hàng của bạn truy cập website. Vì vậy ta phải loại bỏ www khi truy cập tên miền của bạn. 

Cách làm như sau:

Bạn dùng 4 dãy số đã Copy  trong phần "Hướng dẫn cài đặt" của Google và tạo thêm 4 bản ghi như hình



Xong bạn chờ khoảng 1-2 phút để nó phân giải tên miền.

Sau đó bạn quay lại quay lại trang Blogspot của bạn lúc bị thông báo lỗi, bấm Lưu và xem kết quả. 

Tiếp theo, bạn bấm chỉnh sửa --> tick vào ô "Chuyển hướng nguyentruongson.info đến www.nguyentruongson.info".

Bạn thay link tên miền của bạn vào cho phù hợp nhé


Bấm Lưu để hoàn tất .

Như vậy là đã bạn đã hoàn thành việc gắn tên miền vào Blogspot rồi đấy. Cũng rất đơn giản và nhanh gọn đúng ko nào. Bạn chờ khoảng 5 phút rồi truy cập lại vào website của bạn xem nhé ^^

Nếu có thắc mắc vấn đề gì các bạn cứ comment phía dưới nhé

Nếu bạn chưa có tên miền thì có thể tham khảo  để mua tên miền giá rẻ

Hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu để cập nhật các chương trình khuyến mãi tên miền  mới nhất, 

>> Hướng dẫn mua Domain trên GoDaddy chỉ $0.99 với mã Coupon Code
>> Có nên dùng Hosting 1$ của GoDaddy hay ko?


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


Hướng dẫn khách hàng sử dụng dịch vụ

Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODE
Quý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATE
Xem thêm

Hướng dẫn thiết kế website chuyên nghiệp với blogspot


Việc thiết kế website chuyên nghiệp với blogspot đã ko còn là vấn đề với các bạn nữa khi đã thực hành thành thạo đến bài này rồi ^^. Hôm nay sẽ là bài thực hành chi tiết thiết kế website chuyên nghiệp miễn phí với blogspot bằng cách thay đổi giao diên/template blogspot chuyên nghiệp hơn

Bài hướng dẫn thiết kế website này chỉ dành cho những người đã thành thạo với blogspot/blogger vì liên quan đến chỉnh sửa code. Vì vậy, nếu bạn nào chưa thành thạo với blogspot thì vui lòng xem lại các bài trước nhé.

Muốn nhanh thì phải từ từ ^.^





Video Hướng dẫn thiết kế website chuyên nghiệp với blogspot




  • Link download Blogger Templates trong video tại đây

Sau khi xem video hướng dẫn này xong  là bạn đã tự mình tạo Blogspot chuyên nghiệp rồi đấy. Việc tiếp theo là gắn tên miền cho Blogspot nữa là quá ok luôn, tránh trường hợp Blogger bị chặn bởi các nhà mạng ở Việt Nam

Nếu bạn chưa có tên miền thì có thể tham khảo cách mua tên miền giá rẻ , hoặc bấm vào "Khuyến mãi" hoặc "Domain" trên thanh menu.

>> Hướng dẫn mua Domain trên GoDaddy chỉ $0.99 với mã Coupon Code
>> Hướng dẫn gắn tên miền vào Blogspot đơn giản, nhanh gọn


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

P/s: Nếu thấy nội dung blog này hữu ích thì bạn hãy SHARE và Bấm G+ ủng hộ mình nhé ^^



Hướng dẫn khách hàng sử dụng dịch vụ

Để xem được các thủ thuật hay nhất quý khách hãy lick vào button bên dưới, xem xong quý khách thấy hài lòng hãy liên hệ nhanh với chúng tôi để sở hữu bộ code bản quyền ưng ý nhất!
ĐĂNG KÝ MUA CODE
Quý khách muốn đăng ký mua templates bản quyền thiết kê tinh xảo đẹp mắt hãy liên hệ nhanh với chúng tôi để đặt hàng Trân trọng cảm ơn quý khách đã sử dụng dịch vụ của chúng tôi!
ĐĂNG KÝ MUA TEMPLATE
Xem thêm

Flicker Images


    Giới thiệu : Mời bạn đăng ký dịch vụ để download style templates đây là một sản phẩm được thiết kế bản quyền do trung tâm Vcupdesign kết hợp với giải pháp mạng Việt Nam -nsvina.com thực hiện   
    Tính chất dịch vụ : Chúng tôi sưu tầm các templates chất lượng trên mạng Internet và Download về fix lại tất cả các lỗi, code rác, virus nhằm cung cấp cho quý khách một templates chất lượng cao với phong cách hoàn toàn khác biệt nổi trội. 
    Cam kết sử dụng : Với tính chất như đã trình bày bên trên cho nên chúng tôi cam kết chỉ thu tiền của quý khách khi hoàn chỉnh bàn giao templates như trong hợp đồng. 
    Cho bạn niềm tin : Với đội ngũ Design chuyên nghiệp 6 năm kinh nghiệm và tầm nhìn thẩm mỹ...chúng tôi hứa hẹn mang lại cho quý khách một sản phẩm tốt nhất và ưng ý! 
    Quy định chung cần biết :
  1. Chúng tôi chỉ cung cấp mã nguồn 1 lần duy nhất.
  2. Chúng tôi không bảo hành khi quý khách làm trái quy định bảo lưu templates.
  3. Chúng tôi không hoàn tiền khi quý khách hàng đổi ý chọn giao diện khác.
  4. Chúng tôi chỉ có 1 địa chỉ duy nhất cho nên chúng tôi không chấp nhận việc khiếu nại không đúng bản quyền.

Copyright nsvina.com - Ghi rõ nguồn templates.nsvina.com - Khi phát hành lại bài viết trên trang này
Maxivn | VIỆC LÀM | Thiết kế web rẻ | Thiết kế blogspot