Plus UI Blogger Template V3.2.0 Premium + tùy biến

Nếu anh em đang tìm một giao diện Blogspot hiện đại, chuẩn SEO, tốc độ load nhanh và nhiều tính năng nâng cao, thì Plus UI Blogger Template V3.2.0 là lựa chọn hoàn hảo. Đây là bản cập nhật mới nhất và cũng là cuối cùng, được nhiều blogger sử dụng để xây dựng blog tin tức, công nghệ hay blog cá nhân.

Plus UI Blogger Template V3.2.0 Premium + Tùy biến

Tại sao chọn Plus UI?

Plus UI không chỉ là một giao diện Blogger — mà còn là một giải pháp tập trung vào hiệu suất, tích hợp nhiều tính năng cho những ai muốn blog của mình chuyên nghiệp, tải nhanh và thu hút độc giả một cách dễ dàng.

Dù anh em là blogger công nghệ, lập trình viên hay dân viết tin tức, Plus UI đều mang đến đầy đủ công cụ cần thiết để xây dựng một thương hiệu mạnh mẽ trên không gian mạng.

Lợi ích chính

🚀 Hiệu suất siêu nhanh: Được xây dựng với mã tối ưu và ít phụ thuộc, Plus UI giúp blog tải gần như ngay lập tức, mang đến trải nghiệm mượt mà và cải thiện thứ hạng SEO.
📱 Thiết kế hiện đại & Responsive: Dù là điện thoại, máy tính bảng hay máy tính để bàn, Plus UI đều hiển thị hoàn hảo trên mọi màn hình, giữ cho nội dung luôn gọn gàng và dễ tiếp cận.
⚙️ Tùy chỉnh mạnh mẽ: Có thể tùy biến hầu hết mọi thứ, từ cấu trúc bố cục đến màu sắc chủ đề trực tiếp trong trình chỉnh sửa bố cục hoặc tùy biến giao diện của Blogger.
🛠️ Dành cho nhà sáng tạo nội dung: Được thiết kế cho blogger, người viết nội dung và cả lập trình viên, Plus UI giúp việc xuất bản, sắp xếp và trình bày nội dung trở nên đẹp mắt và dễ dàng hơn.
📱 Hỗ trợ PWA hàng đầu: Plus UI là mẫu Blogger đầu tiên hỗ trợ Progressive Web App (PWA) một cách tự nhiên, bao gồm trải nghiệm cài đặt như ứng dụng (ngoại trừ trang offline và thông báo đẩy).

Plus UI Blogger Template trên PageSpeed Insights

Các tính năng khác

Bên cạnh những ưu điểm cốt lõi, Plus UI còn đi kèm nhiều tính năng thông minh, giúp nâng cao trải nghiệm người dùng và quản lý nội dung:

🔍 Tìm kiếm tức thì: Hiển thị kết quả tìm kiếm theo thời gian thực khi người dùng gõ, không cần tải lại trang.
🌙 Chế độ Dark Mode 1 chạm: Nút chuyển đổi chế độ nền tối tích hợp sẵn, hiệu ứng mượt, giảm mỏi mắt và mang lại trải nghiệm hiện đại.
👁️ Bộ đếm lượt xem trực tiếp: Hiển thị số lượt xem của từng bài viết theo thời gian thực, tạo sự tương tác và cho thấy nội dung nào đang “hot” (cần tích hợp Firebase).
⚡ Hỗ trợ liên kết AMP: Thêm liên kết AMP vào bài viết, giúp Google và công cụ tìm kiếm phục vụ phiên bản trang nhẹ, nhanh hơn trên di động.
🌐 Google Translate: Widget dịch tích hợp sẵn, cho phép độc giả dịch blog sang ngôn ngữ ưa thích ngay lập tức.
💬 Tích hợp bình luận (Facebook & Disqus): Hỗ trợ cả bình luận Facebook lẫn Disqus, mang đến nhiều lựa chọn tương tác với độc giả.
🔄 Nhiều kiểu phân trang: Tùy chọn: Infinite Scroll (cuộn vô tận), phân trang số truyền thống hoặc nút “Xem thêm”, phù hợp với mọi kiểu blog.
📌 Widget lưu bài viết: Cho phép độc giả đánh dấu và lưu các bài viết yêu thích để đọc lại, tăng thời gian ở lại trang và lượt quay lại.
🗂️ Trang Sitemap tự động: Sinh tự động sitemap gọn gàng, có cấu trúc rõ ràng, giúp người đọc dễ dàng điều hướng blog.
✉️ Trang liên hệ: Form liên hệ có sẵn, hoạt động tốt mà không cần cài thêm plugin ngoài.
🏷️ Widget thông tin nhãn: Tự động hiển thị metadata như số lượng bài viết, tên và mô tả nhãn, giúp hệ thống chủ đề rõ ràng hơn.
📚 Widget phân loại bài viết: Nhóm và hiển thị bài viết theo từng danh mục/label, cải thiện khả năng khám phá nội dung.
🔗 Widget bài viết liên quan: Tự động hiển thị bài viết liên quan dưới mỗi bài, tăng tương tác và giảm tỷ lệ thoát trang.
✏️ Phím tắt chỉnh sửa nhanh: Admin có thể truy cập nhanh vào chỉnh sửa bài viết hoặc bố cục ngay từ giao diện ngoài, tiết kiệm thời gian quản trị.

👉 … và còn nhiều tính năng hữu ích khác giúp blog của anh trở nên chuyên nghiệp, hiệu quả và dễ quản lý hơn. Anh có thể khám phá đầy đủ trong bản demo.

Plus UI 3.2 bản mới nhất cũng là bản cuối cùng.

Vì sao nói đây là bản mới nhất và cũng là bản cuối cùng? Các bạn có thể đọc bài của tác giả tại đây.

Phiên bản Plus UI V3.2.0 này có gì?

[Đã sửa] Sự cố với blogger-feed khi sử dụng phiên bản 0.0.9 (Đã giải quyết trong v0.0.8)
[Đã thêm] Tùy chọn để chỉ định điểm cuối cho việc gửi biểu mẫu liên hệ
[Đã thêm] Thông tin cơ bản được gửi cùng với điểm cuối của biểu mẫu liên hệ tùy chỉnh
[Đã thêm] Tùy chọn bật quy tắc suy đoán tìm nạp trước trong plugin Tối ưu hóa (Thử nghiệm)
[Cải thiện] Tính năng tìm kiếm trực tiếp và đánh dấu là ổn định
[Đã sửa] Sự cố tràn dấu thời gian trong bình luận
[Đã sửa] Sự cố trong đó các bài đăng/sản phẩm liên quan không phải lúc nào cũng chọn Nhãn sản phẩm cho các bài đăng Sản phẩm
[Đã sửa] Sự cố cuộn trang khi hộp đèn đang hoạt động
[Đã sửa] Kích thước không nhất quán giữa biểu tượng tiêu đề và biểu tượng menu di động
[Đã sửa] Sự cố tải tài nguyên khi tắt chuyển hướng HTTPS
[Đã sửa] Sử dụng plugin PWA khi link[rel=manifest]đã tồn tại
[Đã xóa] Chuyển đổi kiểu iframe cũ của bình luận do Blogger chỉ hỗ trợ một kiểu
[Đã xóa] Các liên kết điều hướng không cần thiết được sử dụng cho mục đích demo
[Cải thiện] PWA hoạt động ngay cả khi tắt chuyển hướng HTTPS (khi truy cập qua HTTPS)
[Cải thiện] Tính năng PWA và đánh dấu là ổn định
[Đã sửa] Quảng cáo ở giữa hiển thị ở chế độ xem trước
[Đã xóa] Giới hạn 13 mục trong menu có tab
[Đã sửa] Sự cố hiển thị tên ứng dụng PWA với các ký tự không phải tiếng Anh
[Đã sửa] Chức năng cuộn lên trên/dưới
[Đã triển khai] Tính năng Safelink thử nghiệm
[Đã thêm] Tùy chọn trong Safelink để hiển thị liên kết đích sau khi nhấp vào nút cuộn xuống
[Đã thêm] Trang tạo liên kết để sử dụng Safelink bên ngoài

Xem demo

Mình đang dùng template này cho việc kinh doanh luôn. Với phương chăm mình dùng các bạn cũng phải dùng 😂 thì xem demo dưới đây nhé!

🚀 DEMO MÌNH DÙNG 🚀 DEMO GỐC

Nhận template Plus UI

⚡

Để sở hữu Plus UI Blogger Template V3.2.0 Premium này các bạn chỉ cần để lại email của mình ở dưới phần bình luận, mình sẽ tổng hợp và gửi cho các bạn. Cảm ơn các bạn đã quan tâm, hãy ủng hộ mình bằng cách Donate hoặc xem quảng cáo để mình có động lực tiếp tục share cho các bạn nhưng template chất lượng khác nhé!

Tùy biến Plus UI

Đối với template này còn 1 số chỗ cần phải tùy biến lại theo phong cách sử dụng blogspot của các anh em ở Việt Nam để nhìn hoặc sử dụng cho nó khỏi bị ngứa trong người 😅

1. Tiêu đề chính blog

Mặc định khi truy cập trang chủ thì khi bấm vào tiêu đề sẽ không có link liên kết, vậy nếu gắn link liên kết cần chỉnh sửa đoạn code sau:

Tìm trong chỉnh sửa template:

<b:tag class='headT' expr:name='!data:view.isHomepage ? "a" : "span"'> <b:attr cond='!data:view.isHomepage' expr:value='data:blog.homepageUrl.canonical' name='href'/> <data:title/> </b:tag>

Thay thế bằng:

<b:tag class='headT' expr:name='!data:view.isHomepage ? "a" : "span"'> <b:attr cond='!data:view.isHomepage' expr:value='data:blog.homepageUrl.canonical' name='href'/> <a expr:aria-label='data:title' expr:href='data:blog.homepageUrl.canonical'> <data:title/> </a> </b:tag>

2. Đóng mở menu bên trái

Mặc định của nó là đóng tìm co" : " ex, muốn mở mặc định thì sửa lại ex" : " co

Favicon trên Plus UI

Để có thể sử dụng Favicon tải lên trong cài đặt hoạt động hãy tìm đến từ khóa Favicon URL và xóa đoạn code sau:

<Variable name="meta.icon" description="Favicon URL" type="string" default="" value="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisldTSPR5qQSsrqZDyfYV81HFSq4Pko5u8xpbzKJ7V05CZAaCkfxG550uqbp2xlCxukxcVL4i2so2XxNri-wqqUO0yuVLLznfFes1rdmg7Ywq8pWE8FXwWQfcyrNiAPlyI3_ngX12x7-KGzAVPfjiTWPMP3HdwelG4pn729xMfH05-hdWVbQyaIsgMkQg/s0/favicon.png"/> [!] Favicon URL [!] @type {String} [!] Recommended image ratio: 1:1 [!] If Blank: It will use Favicon URL from Blogger Blog Settings [!] Warning: Dont't add invalid URL

Lưu ý: Nếu giữ nguyên code thì thay link ảnh bằng link ảnh Favicon của blog các bạn.

3. Hiển thị ngày tháng năm

Mặc định của template là hiển thị ngày tháng năm theo dạng:

Tùy chỉnh hiển thị ngày tháng năm Plus UI

Các bạn tìm MMM d, YYYY sửa hết thành dd MMM, YYYY để hiển thị cho chuẩn đẹp, hoặc các bạn cũng có thể đặt vị trí theo ý các bạn.

4. Điều chỉnh font

Nếu các bạn muốn sử dụng font giống mình thì tìm /* Font family */ thay thế phần code font mặc định thành code sau:

--fontS: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"; --fontH: "Source Sans Pro", var(--fontS); --fontB: "Source Sans Pro", var(--fontS); --fontBa: "Source Sans Pro", var(--fontS); --fontC: "JetBrains Mono", monospace;

Cập nhật thêm...

Tạm thời mình nhớ có mấy chỗ này, lúc edit template thì cả đống nhưng quên bớt rồi. Anh em thấy chỗ nào còn cấn cấn cứ để lại bình luận mình cập nhật lên nha!

À còn nhiều thứ linh tinh khác thì xem ở trang demo Plus UI luôn nha, template này được cái tha hồ mà nghịch! 😃

Kết luận

Plus UI Blogger Template V3.2.0 là một trong những giao diện Blogspot tốt nhất hiện nay, đáp ứng cả nhu cầu SEO, tốc độ và trải nghiệm người dùng. Anh em có thể tải về và cài đặt để nâng tầm blogspot của mình.