wave
Tài nguyên

VTrick – Creative Blogger Template v1.9.1

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.

VTrick Pro - Creative Blogger Template

Phiên bản mới nhất được phát hành v1.9.1

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
Lighthouse Test result of VTrick template
Lighthouse Test

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ăngHỗ 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
Advanced Newsletter Form
Footer Menu
Fast Loaded
SEO Optimized
Fully Customizable Background, Widths, Colors and Fonts
Sidebar ADS
Header ADS
Footer ADS
Post ADS
Cookie Consent
Một số tính năng sẽ được cập nhật và bổ sung trong các bản nâng cấp tiếp theo

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.

Post rating hiển thị trong rich result của Google
Post rating hiển thị trong rich result của Google

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
  • Wechat
  • Whatsapp
  • 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.

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.1

👉 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

Edit theme 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

Thay thế JS script template VTrick 1.9.0
Thay thế JS script template VTrick 1.9.0

Sau đó hãy thay đường dẫn của base.jsvtrick-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

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.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

4.8/5 - (422 votes)
Subscribe
Notify of
guest

391 Comments
Mới nhất
Cũ nhất Most Voted
Inline Feedbacks
Xem tất cả bình luận
anon
anon
13/11/2024 00:12

hi, i add this code on 1.9.1 , 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
Continue searching for: thread-comments.js. Then replace the path of thread-comments.js with the following path:

thread-comments.js: https://cdn.jsdelivr.net/gh/ganamod/Blogger/comments/thread-comments.js. but now dark mode not working

kdh
kdh
21/10/2024 10:24

Xin chào, tôi đang sử dụng một mẫu miễn phí.
Cảm ơn đã cung cấp một mẫu đẹp.
Tôi có một câu hỏi. ‘Tiêu đề’ là h1 phải không?

Last edited 30 ngày trước by kdh
thong
thong
18/09/2024 11:36

ad dạy lập trình chỉnh sửa blogspot ko ah

ryu
ryu
11/09/2024 08:11

Quảng cáo AdSense có tự động hiển thị trong nội dung bài viết không? Mình thấy quảng cáo chỉ hiển thị ở đầu bài viết, nhưng không xuất hiện trong nội dung, nên mình muốn hỏi về vấn đề này.

Devendra
Devendra
03/08/2024 15:49

on my blogger wise theme is working fine but only problem is that on home page in widget section featured image is not showing and adsense ads shift the blog layout to the left.

saad
saad
30/06/2024 14:20

sitemap could not fetch error

Agiel
Agiel
28/08/2024 05:32
Reply to  saad

Just ignore it,

This doesn’t necessarily mean there is an issue with the sitemap itself. Google process sitemaps on a ‘best effort’ basis, and as such have a huge backlog so submitted sitemaps still to be processed.

See this thread https://support.google.com/webmasters/thread/184533703/are-you-seeing-couldn-t-fetch-reported-for-your-sitemap?hl=en&sjid=7123052159842587725-AP

Kik
Kik
18/06/2024 10:49

Can I add full width this theme

vankpl
vankpl
12/06/2024 10:03

ad ơi h e muốn đổi font chữ cho toàn theme thì làm thế nào ạ?