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.9.2
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 LiteSpot 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
- Fake Post rating ?
- Multiple ADS positions
- Floating Call to Action buttons ?
- Support multiple comment system
- 100% responsive
- SEO Optimized
- Easy customization
Có gì mới ?
Ở bản nâng cấp v1.8.26, mình đã cập nhật thêm một số tính năng:
- Multiple ADS position
- Featured Image ratio 16:9
- Threaded comment system
- Advanced preload
- Dark Mode
- Homepage Ticker news
- Fake Post Rating
- Floating CTA buttons
- Mega menu
- AJAX widget blocks
- Reading time
Một số tính năng khả được cải thiện hiệu suất. Chi tiết mời xem changelog.
Tính năng
Một số tính năng của template như sau:
| Tính năng | Hỗ trợ |
|---|---|
| 100% Responsive | ✔ |
| Dark Mode | ✔ |
| Advanced Preload | ✔ |
| Floating Call To Action button | ✔ |
| Fake Post Rating | ✔ |
| 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 | ✔ |
| Footer Menu | ✔ |
| Fast Loaded | ✔ |
| SEO Optimized | ✔ |
| Fully Customizable Background, Widths, Colors and Fonts | ✔ |
| Sidebar ADS | ✔ |
| Header ADS | ✔ |
| Footer ADS | ✔ |
| Post ADS | ✔ |
| Cookie Consent | ✔ |
Dark Mode
Các template hiện nay đều hỗ trợ Dark Mode cả rồi và VTrick cũng vậy.
Hệ thống phân cấp bình luận mới
Hệ thống bình luận cũ hơi chán nên mình quyết định nâng cấp nho nhỏ. Hy vọng các bạn sẽ thích.
Fake Post Rating
Sau khi public template từ những bản đầu tiên, có rất nhiều bạn hỏi cách thêm phần đánh giá 5 ⭐ cho Blogger. Nhận thấy nhu cầu này khá lớn và là một tính năng cần thiết nên mình đã tích hợp sẵn vào template VTrick.
Vậy tại sao lại là hàng “pha-ke” mà không phải hàng real?
Thật ra thì vấn đề này rất đơn giản, căn cứ vào nhu cầu thực tế thì mọi người tích hợp Posting Rating nhằm phục vụ rich result của Google. Thể hiện bài viết của bạn được đánh giá 5⭐. Tuy nhiên nếu có thằng ất ơ nào đó vào chơi xấu toàn vote 1 sao thì mất vui. Vậy nên tính năng “pha-ke” này ra đời để bạn toàn quyền kiểm soát post rating trên blog của mình.
Về cách thêm phần đánh giá 5 sao hàng “real” cho Blogger thì trên mạng đã có rất nhiều hướng dẫn rồi. Bạn nào có nhu cầu có thể tự tìm hiểu nhé.
Tính năng Fake Post Rating hiện được thiết lập đánh giá điểm tự động từ 4.5⭐ trở lên. Tuy nhiên, các bạn có thể tự thiết lập điểm đánh giá cho bài viết qua 2 liên kết đính kèm (enclosure links):
Call to Action button
Hiện mình thấy tính năng này là khá hay và các bác gian thương cũng có nhu cầu nên đã tích hợp vào template.
Hiện template hỗ trợ một số mẫu nút CTA:
- Calling
- Messenger
- Telegram
- Zalo
Ticker news
Tính năng này phù hợp cho blog bạn nào với nội dung rộng.
Advanced preload
Đây là một tính năng khá hay, tăng tốc độ của blog bằng cách tận dụng bộ nhớ đệm của trình duyệt. Khi người dùng thao tác hover vào liên kết bài viết trong blog thì sẽ kích hoạt tính năng này để tải trước nội dung bài viết.
Featured Image ratio
Ghi nhận góp ý của các bạn, mình đã cấu hình tỉ lệ ảnh đại diện bài viết theo tỉ lê: 16:9 . Mình cũng có thử qua với tỉ lệ 16:10 nhưng không phù hợp với template VTrick.
Multiple ADS slot
Hiện template đã bổ sung thêm nhiều vị trí đặt ADS để phục vụ nhu cầu của anh em chơi blogspot.
Demo & Download
Demo
Download
VTrick – Creative Blogger Template v1.9.2
👉 Buy me a coffee ☕️: https://www.paypal.com/paypalme/lehoa192
Phiên bản khác:
- VTrick – Creative Blogger Template v1.8.26 Download
- VTrick – Creative Blogger Template v1.5.11: Download
Hướng dẫn cài đặt và sử dụng
Các bạn xem hướng dẫn cách cài đặt và sử dụng template VTrick tại:
Sửa lỗi GitHub scripts
Một số JS scripts của VTrick đang được host trên GitHub, hiện account GitHub của Vietrick đang gặp sự cố dẫn đến ảnh hướng đến hoạt động của template VTrick.
Để khắc phục vấn đề này, các bạn hãy làm theo hướng dẫn bên dưới.
1. Vào chỉnh sửa template HTML
Các bạn truy cập vào phần chỉnh sửa HTML của template. Vui lòng xem chi tiết tại đây.
2. Cập nhật đường dẫn scripts
Trong phần edit HTML, các bạn tìm đến đường dẫn scripts với từ khóa: base.js
Sau đó hãy thay đường dẫn của base.js và vtrick-scripts.js bằng đường dẫn bên dưới:
- base.js:
https://cdn.jsdelivr.net/gh/ganamod/vtrick/base.js - vtrick-scripts.js:
https://cdn.jsdelivr.net/gh/ganamod/vtrick@227b37d/vtrick-scripts.js
Tiếp tục tìm kiếm: thread-comments.js. Sau đó thay thế đường dẫn của thread-comments.js bằng đường dẫn sau:
- thread-comments.js:
https://cdn.jsdelivr.net/gh/ganamod/Blogger/comments/thread-comments.js
Sau đó nhấn lưu và kiểm tra kết quả.
Nếu các bạn muốn dùng template mới thì có thể tải bản v1.9.1 tại phần Download
Footer Credit
Template VTrick được tác giả chia sẽ: hoàn toàn miễn phí, full chức năng, không mã hóa. Template có gắn credit bản quyền của tác giả tại chân trang (footer). Nếu các bạn không thích credit thì có thể không sử dụng. (không yêu nhau trả dép anh về ?)
Nếu yêu dùng template và muốn gỡ credit tại chân trang, vui lòng liên hệ qua fanpage: https://m.me/vietrickdotcom
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.9.2 - February 9th, 2025
- Fix Blogger comment error
v1.9.1 - November 7th, 2022
- Update Bootstrap Icon
- Fix Github scripts issues.
v1.9.0 - April 30th, 2022
- Fix new Blogger Comment System
v1.8.26 - Sept 11th, 2021
- Performance enhancement
- Shortcodes upgraded
- Social Sharing updated
- Related Post updated
- Image lazyload enhancement
- What's new in v1.8:
- Multiple ADS position
- Featured Image ratio 16:9
- Threaded comment system
- Preload boost
- DarkMode
- Homepage Ticker news
- Fake Post Rating
- Floating CTA buttons
- Mega menu
- AJAX widget blocks
- Reading time
v1.5.11 - May 11th, 2021
- Fix minor bug: homepage loadmore did not work on mobile
- Update related post layout
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
Telegram Translator:
One more suggestion from me, make a blogger comment like this website!
https://vietrick.com/
And where the comments aren’t completely out, but there’s a download button for more! I think this is very good! Thank you
Thêm một gợi ý từ tôi, hãy bình luận blogger như trang web này!
https://vietrick.com/
Và nơi các nhận xét không hoàn toàn ra ngoài, nhưng có một nút tải xuống để biết thêm! Tôi nghĩ rằng điều này là rất tốt! Cảm ơn bạn
Hi Abdul,
Thank you for your recommendation!
Hello sir! I really really appreciate your work from this Blogger Theme! Please later if there is a further update, a table of content (TOC) is made not above, if I like it like on the website:
https://www.banghasan.comwhere there is a floating button and there is complete there is a menu for toc there is for scroll up and down there is a dark mode there is a percentage of the page (where we can find out what percentage of the page is (if the article is long), hopefully you can make it (floating action button).Fixed the wording because it couldn’t be edited:
Hello sir/admin I really really appreciate your work from this Blogger Theme! And I want to make a suggestion, what if later in the next update a table of content (TOC) is not made above, if I really like the table of content like on the website:
https://www.banghasan.comwhere there is a floating button and it’s complete when on click there is a menu for toc there is for scroll up and down there is a dark mode there is a percentage of the page (where we can find out what percentage of the page is) (if the article is long), hopefully you can make it (floating action button).Thank you, good health always!
Bằng tiếng Việt:
Xin chào ông / quản trị viên Tôi thực sự đánh giá cao công việc của bạn từ Chủ đề Blogger này! Và tôi muốn đưa ra một gợi ý, nếu sau này trong bản cập nhật tiếp theo, một bảng nội dung (TOC) không được làm ở trên, nếu tôi thực sự thích bảng nội dung như trên trang web:
https://www.banghasan.comthì sao. có một nút nổi và nó hoàn tất khi nhấp vào có menu cho toc ở đó để cuộn lên và xuống có chế độ tối có một phần trăm của trang (nơi chúng tôi có thể tìm hiểu phần trăm của trang) ( nếu bài viết dài), hy vọng bạn có thể làm cho nó (nút hành động nổi).Cảm ơn bạn, chúc bạn luôn mạnh khỏe!
How can i change footer of this theme, please make a tutorial on it
Hi Harsh,
In Blogger administration page, locate to LAYOUT section. The “Footer” section in the bottom of page.
Nếu bạn có thể gỡ bản quyền chân trang thì hay hơn. Cảm ơn bạn! Rồi bạn có thể để lại thông tin donate để mọi người ủng hộ (vì bạn chia sẻ free)
Hi Linh,
Thông tin donate có được gắn trong bản demo template bạn nha 😘. Nhưng mình hông thấy ai donate gì hết 😥
Họ đã share cho rồi, ông thích dùng hay không thì thôi. Tôn trọng bản quyền thì để credit cũng không sao, còn thích gỡ đi thì ủng hộ người ta ly cafe là xong ngay. Chắc ông cũng chưa lần nào mua bản quyền cái gì cho tử tế, nói chuyện toàn văng tục.
Đã cho dùng free lại còn chửi bới.
Your template Shortcodes are quite few, please upgrade many Shortcodes features for your template. You can refer to the Shortcodes of the Median UI template.
Thank you for your recommendation
A update safelink riêng cho mẫu đi ạ.
Hy vọng trong bản cập nhật tiếp theo, AD sẽ cải thiện, nhiều tính năng mới cho Template hơn.