Cách sửa lỗi bài đăng Blogger không hiển thị trên trang chủ

Cách sửa lỗi bài đăng Blogger không hiển thị trên trang chủ

Bạn vừa xuất bản một bài viết trên Blogger, mở trực tiếp đường dẫn bài viết vẫn xem được bình thường nhưng khi quay lại trang chủ thì bài mới lại không xuất hiện?

Đây là lỗi khá dễ gây nhầm lẫn bởi nguyên nhân không nhất thiết nằm ở bài viết. Trong nhiều trường hợp, vấn đề đến từ theme, widget Blog1, nhãn, feed, shortcode hoặc JavaScript dùng để tải bài viết.

Trong bài này, MODSHARER sẽ hướng dẫn bạn kiểm tra theo thứ tự từ đơn giản đến nâng cao để xác định chính xác nguyên nhân.

Nếu theme của bạn đang báo lỗi khi lưu HTML, nên xử lý vấn đề đó trước: Cách sửa lỗi Blogger không lưu được theme và cập nhật HTML .

{tocify} $title={Mục lục}

Phân biệt 2 trường hợp trước khi sửa

Trước tiên, hãy xác định blog của bạn thuộc trường hợp nào.

Trường hợp 1: Bài viết không xuất hiện trong danh sách bài mới

Ví dụ trang chủ bình thường hiển thị 6 hoặc 10 bài mới nhất nhưng bài vừa đăng không nằm trong danh sách đó.

Trường hợp này nên kiểm tra:

  • Trạng thái xuất bản.
  • Ngày và giờ đăng.
  • Múi giờ.
  • Widget bài đăng.
  • JavaScript hoặc CSS của theme.

Trường hợp 2: Một khu vực chuyên mục không hiển thị bài

Ví dụ trang chủ có các khối:

Blogger cơ bản
Thủ thuật Blogger
Code Blogger
Công cụ Online

Bạn đăng bài mới nhưng một khối cụ thể không lấy được bài.

Trường hợp này thường liên quan đến:

  • Nhãn.
  • Feed Blogger.
  • Shortcode của theme.
  • JavaScript tải nội dung.
Mẹo:
Hãy xác định bài không xuất hiện ở toàn bộ trang chủ hay chỉ không xuất hiện trong một khối chuyên mục. Hai trường hợp này có cách kiểm tra khác nhau.

Bước 1: Kiểm tra bài viết đã thực sự được xuất bản chưa

Đầu tiên hãy quay lại:

Blogger → Bài đăng

Kiểm tra bài đang ở trạng thái:

Đã xuất bản

Nếu bài vẫn đang là bản nháp hoặc được lên lịch cho thời điểm tương lai, nó sẽ chưa xuất hiện như một bài mới đã xuất bản.

Bước 2: Kiểm tra ngày và giờ xuất bản

Đây là nguyên nhân rất dễ bỏ qua.

Ví dụ hôm nay là ngày 7 nhưng bài viết lại được đặt lịch sang ngày 8. Bạn có thể nhìn thấy bài trong trình chỉnh sửa nhưng nó chưa được Blogger xem là bài đã xuất bản tại thời điểm hiện tại.

Hãy mở:

Cài đặt bài đăng → Ngày xuất bản

Nếu không có nhu cầu lên lịch, hãy sử dụng thời gian hiện tại.

Bước 3: Kiểm tra múi giờ Blogger

Nếu múi giờ blog bị thiết lập sai, thời gian xuất bản có thể lệch so với thời gian thực tế của bạn.

Đối với người dùng tại Việt Nam, hãy kiểm tra múi giờ trong:

Blogger → Cài đặt → Định dạng → Múi giờ

Thông thường nên sử dụng múi giờ phù hợp với khu vực đang vận hành blog.

Sau khi chỉnh múi giờ, kiểm tra lại ngày và giờ của bài viết.

Bước 4: Kiểm tra số bài được phép hiển thị trên trang chính

Blogger cho phép giới hạn số lượng bài đăng hiển thị trên trang chính.

Vào:

Cài đặt → Bài đăng → Số bài đăng tối đa hiển thị trên trang chính

Ví dụ đặt:

6

thì trang chính chỉ cần hiển thị một số lượng bài giới hạn theo cấu trúc theme.

Tuy nhiên, nếu bài mới nhất vẫn không xuất hiện trong số đó thì hãy tiếp tục các bước phía dưới.

Bước 5: Kiểm tra Widget Bài đăng trên Blog

Trong theme Blogger tiêu chuẩn, khu vực quan trọng nhất để hiển thị bài viết thường là widget loại Blog.

Khi xem HTML theme, bạn có thể gặp cấu trúc tương tự:

<b:widget id='Blog1' type='Blog' visible='true'> ... </b:widget>

Một số điểm cần kiểm tra:

  • Widget Blog1 còn tồn tại không?
  • Type có phải Blog không?
  • Widget có đang được hiển thị không?
  • Có bị đặt bên trong điều kiện sai không?
Không nên:
Xóa widget Blog1 chỉ để thử sửa lỗi. Nếu cấu trúc theme đang phụ thuộc vào widget này, việc xóa nó có thể tạo thêm nhiều lỗi khác.

Bước 6: Kiểm tra vòng lặp data:posts

Trong widget bài đăng, theme thường sử dụng vòng lặp để lấy từng bài viết.

Ví dụ:

<b:loop values='data:posts' var='post'>
  ... nội dung bài viết ...
</b:loop>

Nếu phần này bị xóa, đặt sai vị trí hoặc nằm trong một điều kiện không phù hợp, Blogger vẫn có bài viết nhưng theme có thể không render chúng ra giao diện.

Bước 7: Kiểm tra điều kiện chỉ hiển thị ở trang cụ thể

Theme Blogger thường sử dụng điều kiện để quyết định khu vực nào xuất hiện trên:

  • Trang chủ.
  • Trang bài viết.
  • Trang nhãn.
  • Trang tìm kiếm.
  • Trang lưu trữ.

Ví dụ:

<b:if cond='data:view.isHomepage'>
  ... nội dung ...
</b:if>

Nếu điều kiện bị chỉnh sai, khu vực bài viết có thể xuất hiện ở trang bài viết nhưng biến mất hoàn toàn trên trang chủ.

Bước 8: Kiểm tra nhãn của bài viết

Đây là bước đặc biệt quan trọng với những theme sử dụng khối bài viết theo nhãn.

Ví dụ theme có một khu vực:

Thủ thuật Blogger

nhưng bài viết của bạn chỉ được gắn nhãn:

Thủ Thuật

thì theme có thể không xem hai nhãn đó là cùng một chuyên mục.

Hãy kiểm tra chính xác:

  • Chữ hoa và chữ thường.
  • Dấu tiếng Việt.
  • Khoảng trắng.
  • Tên nhãn.

Nếu đã chuẩn hóa hệ thống nhãn theo bài trước, hãy giữ đúng tên như:

Blogger cơ bản
Thủ thuật Blogger
Code Blogger
Widget Blogger
Công cụ Online
AI cho Blogger

Bước 9: Kiểm tra shortcode lấy bài viết

Nhiều theme Blogger tùy chỉnh không chỉ dùng Blog1 mà còn sử dụng các shortcode để tạo những khối nội dung trên trang chủ.

Ví dụ:

{getContent} $results={6} $label={Thủ thuật Blogger} $type={grid}

Shortcode có thể quy định:

  • Số bài cần lấy.
  • Nhãn cần lấy.
  • Kiểu bố cục.
  • Loại dữ liệu.

Chỉ cần sai một dấu ngoặc hoặc sai tên nhãn, khối nội dung có thể không lấy được bài.

Ví dụ nên kiểm tra:

$label=Thủ thuật Blogger}

so với:

$label={Thủ thuật Blogger}

Cú pháp chính xác phụ thuộc vào theme bạn đang sử dụng, vì vậy hãy đối chiếu với một shortcode khác đang hoạt động trong chính theme đó.

Bước 10: Kiểm tra Blogger Feed

Nhiều theme tùy chỉnh tải bài bằng Blogger Feed.

Nếu feed không trả về bài hoặc JavaScript đọc feed bị lỗi, các khối bài viết có thể trống dù bài vẫn tồn tại.

Bạn có thể kiểm tra feed bài viết bằng cấu trúc Blogger cung cấp hoặc xem các request trong công cụ dành cho nhà phát triển của trình duyệt.

Nếu bài xuất hiện trong dữ liệu feed nhưng không xuất hiện trên giao diện, vấn đề nhiều khả năng nằm ở:

  • JavaScript xử lý feed.
  • Shortcode.
  • CSS.
  • Logic của theme.

Bước 11: Kiểm tra JavaScript bằng Console

Nếu trang chủ phụ thuộc nhiều vào JavaScript, chỉ một lỗi script cũng có thể khiến các phần nội dung phía sau không được tải.

Trên Chrome hoặc Edge:

  1. Mở blog.
  2. Nhấn F12.
  3. Chọn tab Console.
  4. Tải lại trang.
  5. Tìm thông báo màu đỏ.

Một số lỗi thường gặp:

Uncaught ReferenceError
Uncaught TypeError
Failed to load resource
SyntaxError

Nếu lỗi bắt đầu xuất hiện ngay sau khi bạn thêm một script mới, hãy thử hoàn tác script đó rồi tải lại trang.

Bước 12: Kiểm tra script bên ngoài

Một số theme sử dụng JavaScript nằm trên máy chủ bên ngoài.

Ví dụ:

<script src='https://example.com/theme.js'></script>

Nếu file này:

  • Bị xóa.
  • Không truy cập được.
  • Bị thay đổi.
  • Trả về lỗi.

thì chức năng lấy bài của theme cũng có thể ngừng hoạt động.

Vì vậy, những script quan trọng nên được kiểm tra nguồn và mục đích sử dụng.

Bước 13: Kiểm tra CSS có đang ẩn bài viết không

Có trường hợp bài đã được render ra HTML nhưng CSS lại làm nó biến mất.

Ví dụ:

.index-post{display:none;}

hoặc:

.blog-posts{visibility:hidden;}

Hãy sử dụng công cụ Inspect của trình duyệt để xem phần tử có tồn tại trong HTML nhưng đang bị CSS ẩn hay không.

Bước 14: Kiểm tra Lazy Load

Một số theme trì hoãn việc tải ảnh hoặc nội dung cho đến khi người dùng cuộn trang.

Nếu JavaScript lazy load bị lỗi, bạn có thể gặp hiện tượng:

  • Khung bài xuất hiện nhưng ảnh trống.
  • Bài chỉ xuất hiện sau khi cuộn.
  • Một số bài không hoàn thiện giao diện.

Nếu tiêu đề bài vẫn xuất hiện thì đây thường là vấn đề về ảnh hoặc phần hiển thị, không phải Blogger đã mất bài.

Bước 15: Kiểm tra phân trang và nút tải thêm

Một số theme sử dụng:

  • Load More.
  • Ajax Pagination.
  • Infinite Scroll.

Thay vì phân trang Blogger mặc định.

Nếu JavaScript phân trang bị lỗi, trang đầu có thể hiển thị nhưng các bài sau không tải thêm được.

Hãy thử:

  • Bấm nút tải thêm.
  • Mở trang nhãn.
  • Tìm trực tiếp bài viết.
  • Kiểm tra Console.

Jump Break có làm bài biến mất không?

Thông thường Jump Break chỉ quyết định vị trí ngắt phần xem trước của bài viết.

Nó không phải nguyên nhân thông thường khiến cả bài biến mất khỏi trang chủ.

Nếu bài hoàn toàn không xuất hiện, hãy ưu tiên kiểm tra:

  • Trạng thái bài.
  • Ngày đăng.
  • Blog1.
  • Điều kiện theme.
  • Nhãn.
  • Shortcode.
  • JavaScript.

Cách xác định lỗi thuộc Blogger hay Theme

Bạn có thể thực hiện một số kiểm tra đơn giản.

Bài mở trực tiếp được

Nếu URL bài viết hoạt động bình thường nhưng trang chủ không hiển thị, khả năng cao bài vẫn tồn tại và lỗi nằm ở cách theme lấy hoặc hiển thị bài.

Trang nhãn có bài nhưng trang chủ không có

Điều này cho thấy Blogger vẫn nhận bài và nhãn. Hãy kiểm tra phần trang chủ của theme.

Tìm kiếm thấy bài

Nếu tìm kiếm trong blog vẫn tìm thấy bài, dữ liệu bài nhiều khả năng vẫn bình thường.

Theme mặc định hiển thị nhưng theme hiện tại không hiển thị

Đây là dấu hiệu mạnh cho thấy vấn đề nằm ở theme tùy chỉnh.

Lưu ý:
Không nên đổi theme chính thức chỉ để thử nếu chưa sao lưu. Có thể sử dụng một blog thử nghiệm hoặc backup trước khi thay đổi lớn.

Quy trình chẩn đoán từ dễ đến khó

1. Mở trực tiếp URL bài viết.
2. Kiểm tra trạng thái Đã xuất bản.
3. Kiểm tra ngày và giờ đăng.
4. Kiểm tra múi giờ Blogger.
5. Kiểm tra số lượng bài trang chính.
6. Kiểm tra nhãn bài viết.
7. Kiểm tra Blog1.
8. Kiểm tra điều kiện data:view.
9. Kiểm tra shortcode lấy bài.
10. Kiểm tra feed Blogger.
11. Kiểm tra Console JavaScript.
12. Kiểm tra CSS và Lazy Load.
13. Kiểm tra Load More hoặc Ajax Pagination.
14. Hoàn tác thay đổi gần nhất của theme.

Checklist sửa lỗi bài đăng không hiển thị

□ URL bài viết mở trực tiếp được

□ Bài đang ở trạng thái Đã xuất bản

□ Ngày và giờ đăng chính xác

□ Múi giờ Blogger chính xác

□ Số bài trang chính đã được kiểm tra

□ Nhãn bài viết đúng tên

□ Blog1 vẫn tồn tại

□ Widget bài viết không bị ẩn

□ data:posts vẫn được sử dụng đúng

□ Điều kiện trang chủ không bị sai

□ Shortcode đúng cú pháp

□ Feed vẫn có dữ liệu

□ Console không có lỗi JavaScript nghiêm trọng

□ CSS không ẩn bài viết

□ Load More hoặc phân trang vẫn hoạt động

□ Đã kiểm tra lại sau khi hoàn tác code mới thêm

Kết luận

Khi một bài viết Blogger không xuất hiện trên trang chủ, không nên vội xóa bài, đăng lại hoặc thay toàn bộ theme.

Hãy kiểm tra theo thứ tự: bài viết → thời gian → nhãn → Blog1 → shortcode → feed → JavaScript → CSS.

Cách làm này giúp bạn nhanh chóng xác định lỗi nằm ở dữ liệu bài viết hay phần giao diện của Blogger.

Sau khi trang chủ hoạt động ổn định, bước tiếp theo là giúp Google có thể theo dõi và kiểm tra tình trạng website thông qua Google Search Console.

← Bài trước:
Cách sửa lỗi Blogger không lưu được theme và cập nhật HTML

Bài tiếp theo →
Cách kết nối Blogger với Google Search Console từng bước

Đăng nhận xét

Cảm ơn bạn đã ghé thăm blog của mình, hi vọng nội dung bài viết làm bạn hài lòng!

Mới hơn Cũ hơn