News Magazine V3: Giao Diện Tin Tức Đỉnh Cao, Tối Ưu SEO Cho Blogspot Từ Opsoso.net

Hướng Dẫn Sử Dụng 

Mục Lục

1. Giới thiệu về Theme News Magazine v3

2. Yêu cầu hệ thống

3. Cách cài đặt Theme

4. Cấu trúc tổng quan Theme

5. Hướng dẫn tùy chỉnh chi tiết

   • 5.1. Tùy chỉnh Header và Logo

   • 5.2. Cấu hình Menu điều hướng

   • 5.3. Thiết lập Featured Grid (Lưới bài viết nổi bật)

   • 5.4. Quản lý các chuyên mục (Category Rows)

   • 5.5. Tùy chỉnh Trending Section (Xu hướng)

   • 5.6. Cấu hình bài viết và Blog chính

   • 5.7. Tùy chỉnh Sidebar

   • 5.8. Cấu hình Footer

6. Tính năng đặc biệt

   • 6.1. Chế độ Dark Mode

   • 6.2. AJAX Load More - Tải thêm bài viết

   • 6.3. JSON Feed Loader - Tải bài viết động

   • 6.4. Nút chia sẻ mạng xã hội

   • 6.5. Form liên hệ tích hợp

7. Tùy chỉnh CSS nâng cao

8. Các câu hỏi thường gặp

1. Giới thiệu 

Theme được thiết kế dành riêng cho các trang báo điện tử, tạp chí trực tuyến, blog tin tức hoặc các website chuyên sâu về nội dung.

2. Yêu cầu hệ thống

Để sử dụng theme News Magazine v3, bạn cần đảm bảo:

• Tài khoản Blogger (Blogspot) đang hoạt động.

• Blog đã được xuất bản và có ít nhất một vài bài viết để kiểm tra.

• Quyền chỉnh sửa HTML trong Blogger (có sẵn với tất cả tài khoản).

• Trình duyệt web hiện đại (Chrome, Firefox, Edge, Safari) để xem trước và chỉnh sửa.

3. Cách cài đặt Theme

Bước 1: Đăng nhập vào tài khoản Blogger của bạn.

Bước 2: Vào trang quản trị Blogger, chọn blog muốn cài đặt theme.

Bước 3: Vào mục Theme (Chủ đề) trong menu bên trái.

Bước 4: Nhấn vào mũi tên xổ xuống cạnh nút "Tùy chỉnh" và chọn "Sao lưu" để tải về theme hiện tại (phòng trường hợp cần khôi phục).

Bước 5: Tại trang Theme, nhấn nút "Chỉnh sửa HTML" ở góc trên bên phải.

Bước 6: Xóa toàn bộ code HTML hiện có trong trình chỉnh sửa.

Bước 7: Mở file news_magazine_v3.xml bằng trình soạn thảo văn bản (Notepad, VS Code, Sublime Text...), copy toàn bộ nội dung và paste vào trình chỉnh sửa HTML của Blogger.

Bước 8: Nhấn "Lưu chủ đề".

Bước 9: Sau khi lưu, bạn có thể nhấn "Xem trước" hoặc truy cập trực tiếp vào blog để kiểm tra giao diện mới.

Lưu ý quan trọng:

• Một số widget có thể hiển thị dữ liệu mẫu (placeholder) ngay sau khi cài đặt. Điều này hoàn toàn bình thường.

• Theme sử dụng các widget mặc định của Blogger (Header, Blog, Popular Posts, Label...) kết hợp với các widget HTML tùy chỉnh.

4. Cấu trúc tổng quan Theme

Theme News Magazine v3 được tổ chức thành các khu vực chính:

HEADER
  ├── Logo Section (widget Header)
  └── Navigation Menu (widget LinkList)

MAIN CONTENT (chỉ hiển thị trên trang chủ)
  ├── Featured Grid (5 widget Image)
  ├── Category Rows (3 hàng chuyên mục - widget HTML)
  └── Trending Section (4 widget HTML)

CONTENT + SIDEBAR GRID
  ├── Main Blog Content (widget Blog - danh sách bài viết)
  └── Sidebar Right
        ├── Contact Form
        ├── Text (Giới thiệu)
        ├── Popular Posts
        └── Label Cloud

FOOTER
  ├── Footer Description
  ├── Footer Navigation
  └── Footer Links (Đăng ký & Chính sách)

Mỗi khu vực đều được đặt trong các b:section với ID riêng, giúp bạn dễ dàng quản lý widget qua giao diện Bố cục (Layout) của Blogger.

5. Hướng dẫn tùy chỉnh chi tiết

5.1. Tùy chỉnh Header và Logo

Header của theme sử dụng widget Header mặc định của Blogger với ID Header1.

Cách thay đổi tiêu đề blog:

1. Vào Bố cục (Layout) trong Blogger.

2. Tìm widget "THE JOURNAL (Tiêu đề)" trong phần Header.

3. Nhấn "Chỉnh sửa".

4. Thay đổi tiêu đề và mô tả (nếu cần).

5. Nếu bạn muốn sử dụng hình ảnh làm logo, tích chọn "Thay vì tiêu đề, hãy sử dụng hình ảnh" và tải ảnh lên.

6. Nhấn "Lưu".

Tùy chỉnh hiển thị logo:

• Nếu chỉ muốn hiển thị ảnh logo, theme sẽ tự động ẩn tiêu đề văn bản.

• Nếu muốn hiển thị cả ảnh và tiêu đề, theme hỗ trợ tùy chọn này qua cài đặt trong widget Header.

Kích thước logo khuyến nghị:

• Chiều cao tối đa: 100px (được thiết lập trong CSS với max-height: 100px).

• Nên dùng ảnh PNG trong suốt hoặc ảnh có nền phù hợp.

5.2. Cấu hình Menu điều hướng

Menu sử dụng widget LinkList với ID LinkList1.

Thêm/sửa mục menu:

1. Vào Bố cục (Layout).

2. Tìm widget "Menu" trong phần Nav Menu (dưới Header).

3. Nhấn "Chỉnh sửa".

4. Bạn sẽ thấy các cặp "Tên liên kết" và "Địa chỉ liên kết".

   • Tên liên kết: Tên hiển thị trên menu (ví dụ: Trang chủ, Công nghệ, Thể thao...)

   • Địa chỉ liên kết: URL của trang bạn muốn liên kết đến (có thể là URL trang chủ, URL nhãn, URL trang tĩnh...)

5. Thêm mới bằng cách nhấn "Thêm liên kết".

6. Nhấn "Lưu" để hoàn tất.

Ví dụ cấu hình menu:

Tên liên kết: Trang chủ       | Địa chỉ: https://tenblog.blogspot.com/
Tên liên kết: Công nghệ       | Địa chỉ: /search/label/Cong-nghe
Tên liên kết: Liên hệ         | Địa chỉ: /p/lien-he.html
Tên liên kết: Khoa học        | Địa chỉ: /search/label/Khoa-hoc

Lưu ý: Menu được thiết kế ở dạng desktop. Trên mobile, menu sẽ tự động ẩn (do CSS @media). Nếu muốn hiển thị menu mobile, bạn có thể tùy chỉnh thêm CSS.

5.3. Thiết lập Featured Grid (Lưới bài viết nổi bật)

Khu vực này sử dụng 5 widget Image với các ID từ Image301 đến Image305. Đây là các widget ảnh tĩnh, bạn cần thay thế chúng bằng bài viết thực tế.

Cách thay đổi bài viết nổi bật:

1. Vào Bố cục (Layout).

2. Tìm phần "mag-featured".

3. Bạn sẽ thấy 5 widget Image. Mỗi widget tương ứng với một ô trong lưới (ô lớn bên trái và 4 ô nhỏ bên phải).

Chỉnh sửa từng widget:

• Nhấn "Chỉnh sửa" vào widget Image.

• Tiêu đề: Nhập tiêu đề bài viết.

• Liên kết: Dán URL của bài viết bạn muốn liên kết đến.

• Hình ảnh: Tải lên ảnh đại diện cho bài viết (hoặc dùng URL ảnh từ Unsplash như trong demo).

• Chú thích: Có thể để trống hoặc nhập mô tả ngắn (theme không hiển thị trường này trong giao diện chính, nhưng có thể dùng cho SEO).

Ví dụ:

Tiêu đề: Tương lai của làm việc từ xa: Liệu văn phòng có biến mất?
Liên kết: https://tenblog.blogspot.com/2026/02/tuong-lai-lam-viec-tu-xa.html
Hình ảnh: [tải lên ảnh minh họa]

Gắn nhãn chuyên mục cho từng bài:
Theme tự động thêm class mag-tag với nội dung:

• Widget đầu tiên: "TIÊU ĐIỂM"

• Các widget còn lại: "DU LỊCH", "CÔNG NGHỆ", "ÂM NHẠC", "THỜI TRANG"

Bạn có thể thay đổi các nhãn này bằng cách chỉnh sửa trực tiếp trong code HTML của từng widget (nếu bạn có kiến thức về HTML). Tuy nhiên, cách dễ nhất là để nguyên và sử dụng như một phần thiết kế.

5.4. Quản lý các chuyên mục (Category Rows)

Đây là điểm mạnh nhất của theme. Ba hàng chuyên mục được tạo bằng widget HTML với ID HTML302, HTML303, HTML304 tương ứng cho Khoa học, Lối sống, Kinh tế.

Cách hoạt động:
Mỗi widget HTML này chứa một đoạn script gọi hàm window.loadFeedPosts() để tải bài viết từ label tương ứng.

Cấu hình chuyên mục:

1. Vào Bố cục (Layout).

2. Tìm phần "cat-row-1", "cat-row-2", "cat-row-3".

3. Nhấn "Chỉnh sửa" vào từng widget HTML.

Ví dụ với widget Khoa học (HTML302):

Trong phần Nội dung (Content) của widget, bạn sẽ thấy dòng chữ "opsoso". Đây là label mặc định.

Để thay đổi:

• Xóa "opsoso" và nhập label thực tế bạn muốn hiển thị.

• Ví dụ: Nhập "Khoa-hoc", "Technology", "Suc-khoe", v.v.

Giải thích code hoạt động:

window.loadFeedPosts(
  'Khoa-hoc',     // Label cần tải (thay bằng label của bạn)
  'HTML302_box',  // ID container (tự động sinh)
  'topic',        // Kiểu hiển thị (topic, magazine, trend)
  'Khoa học'      // Tiêu đề hiển thị (thay bằng tiêu đề bạn muốn)
);

Tùy chỉnh tiêu đề chuyên mục:

• Tiêu đề chuyên mục hiển thị trong ô màu accent chính là giá trị trong trường Tiêu đề (Title) của widget.

• Vào chỉnh sửa widget HTML, thay đổi trường Tiêu đề thành tên bạn muốn (ví dụ: "Công Nghệ", "Sức Khỏe", "Giải Trí").

Cấu trúc hiển thị:
Mỗi chuyên mục sẽ hiển thị:

• Bài viết chính: Bài đầu tiên trong label, hiển thị ảnh lớn + tiêu đề + snippet.

• 3 bài viết phụ: Các bài tiếp theo, hiển thị ảnh nhỏ + tiêu đề (dạng danh sách).

• Nút "TẤT CẢ": Liên kết đến trang label tương ứng (/search/label/TenLabel).

Lưu ý: Để chuyên mục hiển thị đẹp, bạn cần có ít nhất 4 bài viết trong mỗi label.

5.5. Tùy chỉnh Trending Section (Xu hướng)

Trending section hiển thị 4 bài viết xu hướng với số thứ tự 01-04.

Cách cấu hình:

1. Vào Bố cục (Layout).

2. Tìm phần "trending-section".

3. Bạn sẽ thấy 4 widget HTML với ID HTML310 đến HTML313.

Cấu trúc mỗi widget:

• Tiêu đề (Title): Nhập theo định dạng Tên bài viết | URL (ví dụ: AI và giáo dục | https://example.com/ai-giao-duc).

• Nội dung (Content): Nhập mô tả ngắn cho bài viết.

Cách theme xử lý:
Script ở cuối phần Trending sẽ tự động:

• Tách tiêu đề và URL từ trường Tiêu đề (dựa vào dấu |).

• Gán sự kiện click để mở link trong tab mới.

• Hiển thị số thứ tự (#01, #02...).

Ví dụ cấu hình hoàn chỉnh:

Widget 1 (HTML310):

• Tiêu đề: AI và giáo dục | https://tenblog.blogspot.com/2026/02/ai-giao-duc.html

• Nội dung: Lớp học thông minh 2026: Robot trợ giảng và giáo án cá nhân hóa...

Widget 2 (HTML311):

• Tiêu đề: Olympics 2026 | https://tenblog.blogspot.com/2026/02/olympics-2026.html

• Nội dung: Chuẩn bị cho kỳ đại hội lớn nhất lịch sử với công nghệ thực tế ảo...

Mẹo: Bạn có thể thay thế các widget HTML này bằng cách sử dụng JSON Feed Loader tương tự như phần chuyên mục nếu muốn tự động lấy bài viết từ label.

5.6. Cấu hình bài viết và Blog chính <a name="blog-posts"></a>

Phần blog chính sử dụng widget Blog mặc định với ID Blog1.

Các tùy chỉnh trong widget Blog:

1. Vào Bố cục (Layout) → Tìm widget "Bài đăng trên Blog" → Nhấn "Chỉnh sửa".

2. Tùy chọn hiển thị:

   • Số bài viết trên trang: Thiết lập số lượng bài hiển thị.

   • Hiển thị nhãn: Bật/tắt hiển thị nhãn bài viết.

   • Hiển thị ngày tháng: Bật/tắt hiển thị ngày đăng.

   • Hiển thị tác giả: Bật/tắt hiển thị tên tác giả.

   • Hiển thị liên kết bình luận: Bật/tắt hiển thị số bình luận.

3. Kiểu hiển thị:

   • Theme đã tùy chỉnh hiển thị bài viết dạng post-card với ảnh và tiêu đề.

   • Trên trang chủ, mỗi bài viết hiển thị ảnh (tỉ lệ 3:2), tiêu đề và snippet.

   • Trên trang bài viết đơn, hiển thị đầy đủ nội dung kèm nút chia sẻ.

Tính năng AJAX Load More:

• Ở cuối danh sách bài viết (trang chủ, trang nhãn, trang lưu trữ), bạn sẽ thấy nút "TẢI THÊM BÀI VIẾT".

• Khi nhấn, bài viết tiếp theo sẽ được tải bằng AJAX mà không cần tải lại trang.

• Tính năng này tự động hoạt động dựa trên URL phân trang của Blogger.

5.7. Tùy chỉnh Sidebar <a name="sidebar"></a>

Sidebar bên phải chứa 4 widget mặc định:

a. Liên hệ với chúng tôi (ContactForm1)

• Widget form liên hệ tích hợp sẵn của Blogger.

• Người dùng có thể gửi email trực tiếp từ blog (yêu cầu cấu hình email trong Blogger).

b. Về The Journal (Text1)

• Widget văn bản đơn giản.

• Nhấn "Chỉnh sửa" để thay đổi nội dung giới thiệu.

c. Đọc nhiều nhất (PopularPosts1)

• Hiển thị bài viết phổ biến dựa trên lượt xem.

• Tùy chỉnh:

  • Số lượng bài hiển thị (mặc định 5).

  • Hiển thị ảnh thumbnail (bật/tắt).

  • Hiển thị snippet (bật/tắt).

  • Khoảng thời gian (7 ngày, 30 ngày, tất cả...).

d. Chủ đề (Label1)

• Hiển thị danh sách nhãn dạng cloud (đám mây thẻ).

• Tùy chỉnh:

  • Kiểu hiển thị: Danh sách hoặc đám mây.

  • Sắp xếp: Theo tên hoặc theo số lượng.

  • Hiển thị số lượng bài viết (bật/tắt).

Thêm widget mới vào Sidebar:

• Vào Bố cục (Layout).

• Trong phần Sidebar Right, nhấn "Thêm tiện ích".

• Chọn loại widget mong muốn (HTML/JavaScript, Hình ảnh, Trang tĩnh, v.v.).

5.8. Cấu hình Footer

Footer được chia làm 3 cột:

Cột 1: Mô tả

• Sử dụng widget Text301 (Tiêu đề: Giới thiệu).

• Chỉnh sửa nội dung mô tả trong widget này.

• Logo footer (THE JOURNAL) được lấy tự động từ tiêu đề blog.

Cột 2: Khám phá

• Sử dụng widget LinkList301.

• Thêm các liên kết menu (Về chúng tôi, Liên hệ, Quảng cáo, v.v.).

Cột 3: Đăng ký & Chính sách

• Sử dụng widget LinkList302.

• Thêm các liên kết chính sách (Đăng ký thành viên, Chính sách bảo mật, Điều khoản sử dụng).

Thay đổi liên kết trong LinkList:

• Nhấn "Chỉnh sửa" vào từng widget LinkList.

• Thêm/sửa/xóa các cặp tên liên kết và địa chỉ tương tự như menu chính.

Bản quyền:

• Dòng copyright hiển thị tự động năm hiện tại nhờ JavaScript.

• Bạn có thể sửa trực tiếp trong code HTML nếu muốn thay đổi nội dung.

6. Tính năng đặc biệt

6.1. Chế độ Dark Mode

Theme hỗ trợ chế độ tối (dark mode) thông qua CSS variables và data attribute.

Cách kích hoạt:

• Thêm thuộc tính data-theme="dark" vào thẻ <body>.

• Hoặc sử dụng JavaScript để chuyển đổi dựa trên thiết lập trình duyệt của người dùng.

Ví dụ code chuyển đổi (thêm vào cuối body):

<script>
  // Kiểm tra thiết lập dark mode của hệ thống
  if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
    document.body.setAttribute('data-theme', 'dark');
  }
  
  // Lắng nghe thay đổi
  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
    if (event.matches) {
      document.body.setAttribute('data-theme', 'dark');
    } else {
      document.body.setAttribute('data-theme', 'light');
    }
  });
</script>

Tùy chỉnh màu sắc dark mode:
Mở phần [data-theme='dark'] trong CSS và thay đổi các giá trị:

[data-theme='dark'] {
  --body-bg: #1a1a1a;      /* Nền tối */
  --text-main: #f0f0f0;    /* Chữ sáng */
  --text-light: #bbbbbb;   /* Chữ phụ */
  --color-border: #333333; /* Viền */
}

6.2. AJAX Load More - Tải thêm bài viết <a name="ajax-load-more"></a>

Tính năng này được kích hoạt tự động trên các trang có phân trang (trang chủ, trang nhãn, trang lưu trữ).

Cách hoạt động:

1. Khi nhấn nút "TẢI THÊM BÀI VIẾT", script gửi request đến URL trang tiếp theo.

2. Phân tích HTML nhận được, trích xuất các bài viết mới.

3. Thêm các bài viết này vào cuối danh sách hiện tại.

4. Cập nhật URL cho nút "TẢI THÊM" (nếu còn trang tiếp theo) hoặc ẩn nút đi.

Vấn đề thường gặp:

• Nếu không hoạt động, kiểm tra console trình duyệt để xem lỗi CORS hoặc lỗi fetch.

• Đảm bảo blog của bạn được cấu hình cho phép tải từ domain hiện tại.

6.3. JSON Feed Loader - Tải bài viết động <a name="json-feed"></a>

Đây là hàm JavaScript quan trọng nhất của theme, cho phép tải bài viết từ label và hiển thị theo nhiều kiểu.

Cú pháp:

window.loadFeedPosts(label, containerId, templateType, widgetTitle);

Các tham số:

• label: Tên nhãn cần lấy bài viết (ví dụ: "Khoa-hoc").

• containerId: ID của thẻ HTML sẽ chứa kết quả.

• templateType: Kiểu hiển thị (magazine, topic, trend).

• widgetTitle: Tiêu đề widget (hiển thị trong topic header).

Ví dụ sử dụng trong widget HTML:

<div id="myWidget_box"></div>
<script>
  window.loadFeedPosts('Du-lich', 'myWidget_box', 'topic', 'Du lịch khám phá');
</script>

Các templateType:

• magazine: Hiển thị dạng lưới tạp chí (tối đa 5 bài) - dùng cho featured grid.

• topic: Hiển thị dạng chuyên mục (1 bài chính + 3 bài phụ).

• trend: Hiển thị dạng xu hướng (4 bài với số thứ tự).

6.4. Nút chia sẻ mạng xã hội <a name="social-share"></a>

Trên trang bài viết đơn, bạn sẽ thấy phần Chia sẻ bài viết với 4 nút mạng xã hội:

• Facebook

• Twitter (X)

• LinkedIn

• Telegram

Các nút này hoạt động như thế nào:

• Mỗi nút là một thẻ <a> với href được tạo động dựa trên URL và tiêu đề bài viết.

• Khi nhấn, mở cửa sổ chia sẻ tương ứng.

Tùy chỉnh thêm mạng xã hội:
Bạn có thể thêm nút Pinterest, Reddit... bằng cách copy cấu trúc:

<a class="share-btn [tên-mạng]" expr:href="'https://pinterest.com/pin/create/button/?url=' + data:post.url + '&media=' + data:post.featuredImage + '&description=' + data:post.title" target="_blank" title="Share on Pinterest"><i class="fab fa-pinterest"></i></a>

Nhớ thêm CSS cho class .share-btn.pinterest với màu sắc tương ứng.

6.5. Form liên hệ tích hợp <a name="contact-form"></a>

Widget ContactForm được tùy chỉnh để phù hợp với giao diện theme.

Cấu hình email nhận liên hệ:

1. Vào Cài đặt (Settings) → Khác (Other) → Biểu mẫu liên hệ (Contact Form).

2. Nhập địa chỉ email nhận thông tin liên hệ.

3. Lưu lại.

Lưu ý:

• Form liên hệ của Blogger có giới hạn về số lượng email gửi đi mỗi ngày.

• Người dùng cần đăng nhập Google để gửi email (tùy thuộc vào cài đặt).

7. Tùy chỉnh CSS nâng cao

Theme sử dụng CSS variables (biến CSS) giúp việc tùy chỉnh màu sắc trở nên dễ dàng.

Các biến màu chính:

:root {
  --accent: #2c3e50;        /* Màu nhấn (nền tiêu đề chuyên mục) */
  --highlight: #f39c12;      /* Màu nổi bật (tag, hover) */
  --body-bg: #ffffff;        /* Màu nền */
  --section-bg: #f9f9f9;     /* Màu nền section */
  --text-main: #333333;      /* Màu chữ chính */
  --text-light: #6b7280;     /* Màu chữ phụ */
  --color-border: #eeeeee;   /* Màu viền */
}

Thay đổi màu sắc tổng thể:

• Mở phần <b:skin><![CDATA[ trong code HTML.

• Tìm khai báo :root.

• Thay đổi giá trị các biến (ví dụ: đổi --accent thành #e74c3c để có màu đỏ).

Tùy chỉnh khoảng cách:

• Các giá trị padding, margin đều được tính bằng rem.

• 1rem = 16px (mặc định). Bạn có thể thay đổi kích thước chữ tổng thể bằng cách điều chỉnh font-size ở thẻ body.

Ví dụ: Tăng kích thước chữ cho toàn bộ theme:

body {
  font-size: 18px;  /* Mặc định là 16px */
}

Responsive breakpoints:
Theme có 3 breakpoints chính:

• 1100px: Chuyển magazine grid và section row.

• 850px: Chuyển content-sidebar thành 1 cột, ẩn menu.

• 650px: Chuyển tất cả grid thành 1 cột.

Bạn có thể điều chỉnh các breakpoint này trong phần @media ở cuối CSS.

8. Các câu hỏi thường gặp

Q: Tôi muốn hiển thị 4 hàng chuyên mục thay vì 3?
A: Bạn có thể copy thêm một widget HTML tương tự và đặt trong một section mới. Tuy nhiên, cần điều chỉnh CSS grid cho .section-row để hỗ trợ 4 cột.

Q: Làm sao để thay đổi "TẤT CẢ" thành chữ khác (ví dụ: "XEM THÊM")?
A: Tìm trong code phần topic-header và thay đổi nội dung <a>...</a> thành chữ bạn muốn.

Q: Featured grid có thể hiển thị bài viết động thay vì ảnh tĩnh không?
A: Có. Bạn có thể thay thế các widget Image bằng widget HTML và sử dụng loadFeedPosts với templateType là 'magazine'. Tham khảo code trong widget HTML của phần chuyên mục.

Q: Tại sao AJAX Load More không hoạt động trên blog của tôi?
A: Kiểm tra xem blog có được cấu hình hiển thị tối đa bao nhiêu bài viết trên trang không. Nếu số lượng bài ít hơn giới hạn, nút Load More sẽ không xuất hiện.

Q: Làm cách nào để thêm favicon?
A: Vào Bố cục → Thêm tiện ích → chọn HTML/JavaScript và dán code:

<link rel="shortcut icon" href="URL_FAVICON_CUA_BAN" type="image/x-icon" />

Hoặc tốt hơn, vào Cài đặt → Cơ bản → Favicon và tải ảnh lên.

Q: Tôi muốn thay đổi font chữ?
A: Thay đổi link Google Fonts trong phần <head> và cập nhật font-family trong CSS.

Q: Chế độ Dark Mode có tự động kích hoạt không?
A: Theme không tự động kích hoạt dark mode. Bạn cần thêm code JavaScript như đã hướng dẫn ở mục 6.1.

Chúc bạn thành công với News Magazine v3!

*Tài liệu hướng dẫn này được viết bởi Opsoso.net. Cập nhật lần cuối: Tháng 02/2026.*