Trang chủ
Blogspot Tips

Cài đặt bổ sung giao diện Median UI theme

Thay đổi diện mạo Trang chủ

Trong chủ đề này có 3 phong cách khác nhau cho trang chủ để thay thế cho những bạn không thích phong cách tiêu chuẩn của chủ đề này.

Settings Median UI Theme
Cài đặt bổ sung dành riêng cho chủ đề Giao diện Median UI theme

Chúng tôi đang nỗ lực để giúp bạn dễ dàng tạo kiểu cho trang chủ của mình để bạn không phải bận tâm thêm mã CSS mới. Trong Chỉnh sửa HTML của chủ đề, hãy tìm thẻ mở <body> và bạn sẽ tìm thấy mã như bên dưới:

<!--[ Thay đổi kiểu bố cục cơ bản trong máy tính để bàn, hãy thử 'LS-2' or 'LS-3' ]-->
<!--<b:class name='LS-2'/>-->
<!--[ Thay đổi kiểu bố cục cơ bản trong máy tính để bàn, hãy thử 'LS-2' or 'LS-3' ]-->
<b:class name='LS-2'/>

Kích hoạt mã trên như trong ví dụ để thay đổi nó thành kiểu thứ 2 hoặc thay đổi thuộc tính name='LS-2' thành name='LS-3 để thay đổi kiểu thứ 3

Thay đổi Giao diện Menu Điều hướng Di động

Menu Điều hướng Di động
Menu Điều hướng Di động

Menu điều hướng trong theme này cũng có 3 kiểu khác nhau, hình trên là một trong số đó. Để thử phần này, bạn cần tìm thẻ mở <body> trong HTML của chủ đề.

Nếu bạn đã tìm thấy thẻ <body> bạn sẽ thấy mã như bên dưới:

<!--[ Bật thẻ bên dưới để thay đổi kiểu Menu di động, hãy thử 'MN-2' hoặc 'MN-3' ]-->
<b:class name='MN-2 mobS'/>
<!--[ Bật thẻ bên dưới để thay đổi kiểu Menu di động, hãy thử 'MN-2' hoặc 'MN-3' ]-->
<!--<b:class name='MN-2 mobS'/>-->

Thay đổi MN-2 thành MN-3 để thử các kiểu khác hoặc tắt nó để hoàn nguyên về mặc định của chủ đề phong cách.

Thu gọn Menu điều hướng trong chế độ xem Desktop

<!--[ Bật thẻ bên dưới để thu nhỏ Menu điều hướng trong máy tính để bàn ]-->
<b:class name='hdMn'/>
<!--[ Bật thẻ bên dưới để thu nhỏ Menu điều hướng trong máy tính để bàn ]-->
<!--<b:class name='hdMn'/>-->

Trong phần thẻ tương tự <body> bạn cũng sẽ tìm thấy đoạn mã như trên, chức năng của đoạn mã là thu gọn hoặc thu nhỏ menu điều hướng trên màn hình desktop, mục đích là tạo thêm khoảng trống cho nội dung để đọc thoải mái hơn.

Tuy nhiên, bạn có thể quyết định bật / tắt tính năng này bất cứ lúc nào, chỉ cần thêm thẻ nhận xét <!-- --> để tắt nó như trong ví dụ trên.

Bật/Tắt 2 lưới cột trong chế độ xem di động

Bật/Tắt 2 lưới cột trong chế độ xem di động
Bật/Tắt 2 lưới cột trong chế độ xem di động

Tính năng này dùng để thiết lập danh sách bài viết với kiểu 2 cột hoặc 1 cột như hình trên, chúng tôi nhận thấy rằng không phải ai cũng thích chế độ xem lưới 2 cột, đó là lý do chúng tôi thêm chức năng này để người dùng có thể lựa chọn. một trong những họ thích hơn.

Mã để bật / tắt chức năng này cũng được chứa trong thẻ mở <body>, ngay bên dưới thẻ <body> bạn sẽ thấy mã như sau:

<!--[ Chỉ hiển thị một cột lưới trong Điện thoại di động ]-->
<b:class cond='data:view.isMultipleItems' name='oneGrd'/>
<!--[ Chỉ hiển thị một cột lưới trong Điện thoại di động ]-->
<!--<b:class cond='data:view.isMultipleItems' name='oneGrd'/>-->

Vui lòng bật / tắt đoạn mã trên để thử chức năng này.

Kích hoạt các trang sản phẩm trong bài đăng

Trang Sản phẩm chỉ có sẵn cho mẫu Giao diện người dùng trung bình, bạn có thể xem ví dụ về giao diện của nó tại đây. Ngoài việc thêm nhãn Product vào bài đăng, chúng tôi cũng đã cung cấp các mẫu bài đăng trong gói sản phẩm mà bạn nên sử dụng cho chế độ trang này:

  1. Mở thư mục 'Post and Pages' tại đây,
  2. tìm tệp theo tên Product Post.txt
  3. sao chép tất cả các mã hiện có,
  4. trong bài đăng của Blogger, chọn biểu tượng sau đó chọn Chế độ xem HTML
  5. Dán tất cả mã đã được sao chép trước đó vào bài đăng.
  6. Chỉnh sửa và thêm các phương tiện hỗ trợ như tên, hình ảnh sản phẩm và bảng giá trước khi lưu bài đăng của bạn.
Chọn chế độ xem HTML
Chọn chế độ xem HTML

Tên nhãn cũng có thể thay đổi, bạn chỉ cần tìm và thay thế một số mã như sau:

&quot;Product&quot;

Truy cập Bypass Google Account APK để tải file APK nhé