Chào các bạn, trong thời gian rãnh rỗi, mình có tập tành chỉnh sửa template cho Blogger. Nay xin phép giới thiệu đến mọi người template VTrick – Create Blogger Template. Template này được mình lấy cảm hứng từ CSS-Trick, thuộc thể loại template cá nhân. Template được phát hành miễn phí tại Vietrick.
Phiên bản mới nhất được phát hành v1.4.14 - April 14th, 2021
Giới thiệu
Giới thiệu sơ lược về template blogger VTrick: nhanh, gọn, nhẹ và mượt. Template được thiết kế lại dựa trên sườn của template Colorify bản free. Mình có tối ưu hóa lại một số thứ cho phù hợp.
Highlights:
- Fast loading time: fully load in 1.x seconds
- Auto Table of Contents
- Support multiple comment system
- 100% responsive
- SEO Optimized
- Easy customization

Tính năng
Một số tính năng của template như sau:
Tính năng | Hỗ trợ |
---|---|
100% Responsive | ✔ |
Left sidebar | ❌ |
Boxed Mode | ❌ |
Advanced Featured Post | ✔ |
Trending Posts | ✔ |
Table of Contents | ✔ |
Responsive YouTube Videos | ✔ |
Embed Video and Image in Comments Via Links. | ✔ |
Facebook comments | ✔ |
Disqus comments | ✔ |
Advanced Newsletter Form | ✔ |
Footer Menu | ✔ |
Fast Loaded | ✔ |
SEO Optimized | ✔ |
Fully Customizable Background, Widths, Colors and Fonts | ✔ |
Sidebar ADS | ✔ |
Cookie Consent | ✔ |
Demo & Download
VTrick – Creative Blogger Template v1.4.14
Hướng dẫn cài đặt
Cài đặt
Trước khi tiến hành bất cứ thay đổi nào, hãy chắn chắc rằng bạn đã sao lưu lại dữ liệu của mình. Xem hướng dẫn sao lưu và khôi phục Blogger.
Hướng dẫn cài đặt template VTrick
- Tải về
Các bạn tải về bản cập nhật mới nhất template VTrick từ Vietrick (v1.4.14). Sau đó giải nén tệp và mở file
.xml
- Cài đặt template
Bạn đăng nhập vào trang quản trị Blogger. Sau đó chuyến đến menu Chủ đề (Theme). Tại menu TÙY CHỈNH (Customize), nhấn nút menu chọn mục Chỉnh sửa HTML.
- Hoàn tất và kiểm tra
Sau khi cửa số soạn thảo template bằng HTML mở lên, các bạn mở tệp .xml đã tải về ở Bước 1. Sau đó chép toàn bộ nội dung và dán vào trình soạn thảo HTML.
Nhấn lưu lại để hoàn tất.
Sử dụng
Template VTrick có sử dụng một số shortcode, các bạn có thể tham khảo demo tại:
https://vtrick.vietrick.com/p/post-shortcodes.html
Table of content
Template VTrick hỗ trợ cả 2 chế độ auto/manual TOC. Khi sử dụng tính năng AutoTOC, toàn bộ shortcode manual TOC: <b>{tocify}</b>
sẽ tự động được loại bỏ trong bài viết/Page.
Auto Table of Contents
Kể từ bản cập nhật 1.4.14
, VTrick đã hỗ trợ tính năng Auto Table of Contents. Để bật/tắt tính năng này, các bạn truy cập vào menu Theme, sau đó nhấn Customize.

Tại mục Nâng cao, các bạn chọn group TOC options.

Manual Table of Contents
Để sử dụng shortcode TOC. Trong phần nội dung bài viết, các bạn hãy chèn code HTML sau:
<b>{tocify} $title={Table of Contents}</b>
Trong đó, nội dung của $title
là tên table tùy chỉnh. Nếu chỉ dùng mặc định, bạn chỉ cần: <b>{tocify}</b>
Comment System
Template VTrick hiễn tại hỗ trợ 3 hệ thống comment: blogger, facebook và disqus.
Để thay đổi hệ thống comment, bạn truy cập vào menu Layout, sau đó click chọn edit Blog Post.

Tiếp trong trong popup hiện lên, các bạn nhập giá trị hệ thống comment cần sử dụng vào ô khoanh màu đỏ bên dưới.

Các giá trị hợp lệ ở đây:
- Blogger:
$type={blogger}
- Facebook:
$type={facebook}
. Với facebook, các bạn cần cài đặt thêm Facebook SDK theo hướng dẫn dưới. - Disqus:
$type={disqus}
, hoặc$type={disqus} $shortname={omegakd}
. Nếu dùng shortname, bạn thayomegakd
bằng shortname disqus của mình.
Nếu sử dụng Facebook Comment, cần cài đặt thêm Facebook SDK. Các bạn làm theo hướng dẫn sau:
1. Get Facebook SDK
Truy cập trang sau và nhấn Get code để lấy mã. Sau đó sao chép đường dẫn trong hộp thoại hiện lên.
https://developers.facebook.com/docs/plugins/page-plugin/

Đường dẫn FB SDK vi_VN
có dạng nhưu sau:
https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v10.0&appId=478543156094708&autoLogAppEvents=1
2. Cài đặt Facebook SDK
Truy cập vào menu Layout, sau đó click edit Facebook SDK, dán link đã copy ở bước trên vào ô Thêm danh sách, nhấn Thêm Mục và lưu lại.

Contact form
Template có hỗ trợ nhúng form liên hệ của Google vào bài viết. Đây là widget email mặc định của Google.
Để sử dụng shortcode email, trong nội dung bài viết/trang, các bạn chèn:
<b>{contactForm}</b>
Alert box
Template có hỗ trợ một số alert box. Các bạn sử dụng theo mẫu bên dưới
<h2>Alert Boxes</h2>
<blockquote>
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from <u>45 BC</u>, making it over 2000 years old. {alertSuccess}</blockquote>
<br>
<blockquote>
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from <b>45 BC</b>, making it over 2000 years old. {alertInfo}</blockquote>
<br>
<blockquote>
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from <a href="https://www.vietrick.com/" rel="nofollow noopener" target="_blank">45 BC</a>, making it over 2000 years old. {alertWarning}</blockquote>
<br>
<blockquote>
Lorem Ipsum is not simply random text. It has roots in a piece of classical test link here too Latin literature from <i>45 BC</i>, making it over 2000 years old. {alertError}</blockquote>
Change log
Mọi góp ý và báo lỗi xin vui lòng thông báo tại phần bình luận.
v1.4.14 – April 14th, 2021
– Update Homepage Sidebar
– Update Bullet List Style
v1.4.12 – April 12th, 2021
– Update Back to Top button
v1.4.08 – April 8th, 2021
– Add Disqus comment system.
– Show multiple tags on index post
– Update Numbered List Style
– Update side menu UI
v1.4.07 – April 7th, 2021
– Fix Trending/Featured Section Hidden Toggle.
– Add Facebook comment system.
v1.4.01 – April 1st, 2021
– Add Cookie Consent
v1.3.28 – March 28th, 2021
– Fix some minor layout bug
v1.3.02 – March 2nd, 2021
– Update Footer layout section
v1.2.28 – February 28, 2021
– Added AJAX comment on Homepage
– Update Shortcode / Typography
v1.2.23 – February 23, 2021
– Added Trending post
v1.0.0 – February 19, 2021
– Initial release
70 bình luận