wave
Blogger

Hướng dẫn cài đặt và sử dụng template VTrick

Bài này sẽ hướng dẫn các bạn cài đặt template VTrick của Vietrick. Hướng dẫn sử dụng một số tính năng của template: Fake Post-Rating, Table of Content, Call to Action, Gadget block và hệ thống bình luận. Phiên bản mới nhất của template VTrick: v1.9.1.

VTrick Pro - Creative Blogger Template
Hướng dẫn cài đặt và sử dụng Template Blogger VTrick

Cài đặt template VTrick

1. Tải về phiên bản mới nhất của template VTrick tại: https://vietrick.com/vtrick-creative-blogger-template/#download

2. Đăng nhập vào trang quản trị của Blogger: https://draft.blogger.com. Chọn trang Blog cần quản lý, di chuyển đến phần Theme.

3. Làm theo hướng dẫn tại: https://vietrick.com/cai-dat-template-blogger-can-ban/

Hướng dẫn sử dụng

Fake post rating

Giới thiệu về tính năng này có thể coi chi tiết tại: https://vietrick.com/vtrick-creative-blogger-template/#fake-post-rating

Để bật tắt tính năng Fake Post Rating, các bạn truy cập vào trang quản trị > Theme > Customize.

Edit theme HTML
Truy cập trang quản trị template VTrick

Tại cột menu bên tay trái, các bạn chọn menu Advanced > Theme Option.

VTrick: theme option

Kéo xuống dưới phần option: Fake post rating. Các bạn nhập giá trị “1” để bật tính năng, và “0” để tắt tính năng Fake Post Rating.

Nhập 1/0 để bật tắt tính năng Fake Post Rating
Nhập 1/0 để bật tắt tính năng Fake Post Rating

Tùy chỉnh giá trị của Post Rating:

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):

  • http://ra.post0.0 -> 5.0 điểm đánh giá trên thang 5
  • http://rc.post123456 (int) số lượng người đánh giá
Tùy chính giá trị Fake Post Rating trong mục Enclosure Link
Tùy chính giá trị Fake Post Rating trong mục Enclosure Link

Table of contents

VTrick Table of content
VTrick 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.

VTrick menu: TOC options
VTrick menu: TOC options

Để bật tắt tính năng AutoTOC (tự động tạo mục lục), các bạn truy cập vào Trang quản trị Blogger > Theme > Customize > Advanced: TOC options

bật tắt tính năng AutoTOC

Các bạn nhập giá trị 0 hoặc 1 để bật tắt tính năng:

  • Auto Table of Content bật tắt mục lục tự động.
  • Enable Auto TOC in Page: bật tắt AutoToc trong Page.

Sau khi tắt Auto TOC, lúc này để hiện thị mục lục tại ví trí bất kỳ trong bài viết, chúng ta sử dụng tính năng manual TOC.

Trong phần soạn thảo bài viết, các bạn chuyển độ chỉnh sửa HTML. Chèn đoạn mã shortcode sau tại vị trí muốn hiển thị mục lục:

<b>{tocify} $title={Table of Contents}</b>

Trong đó, nội dung của $title là tên Mục Lục tùy chỉnh. Nếu chỉ dùng mặc định, bạn chỉ cần:

<b>{tocify}</b>

Call to Actions

Chi tiết giới thiệu về tính năng Call to Actions xem tại: https://vietrick.com/vtrick-creative-blogger-template/#call-to-action-button

Tính năng Call to Actions trong template VTrick
Tính năng Call to Actions trong template VTrick

Để tùy chỉnh các mẫu CTA button, trong trang quản trị Blogger, bạn truy cập vào menu Layout. Trong phần tùy biến bên phải, kéo xuống dưới cùng và cập nhật Gadgets tại 2 section:

  • Left CTA button: Danh sách các nút bên trái
  • Right CTA button: Danh sách các nút bên phải
Edit layout CTA template VTrick

Các bạn nhấn vào nút Edit để tùy chỉnh nút CTA. Hiện template VTrick hỗ trợ một số mẫu nút CTA bên dưới.

  • Phần Site name, bạn nhập mã nút
  • Phần Site URL nhập nội dung liên kết
Cập nhật Call To Action button
Cập nhật Call To Action button

Một số mẫu nút được hỗ trợ kèm cú pháp trong phần Site name:

  • Calling: call
  • Messenger: messener
  • Telegram: telegram
  • Wechat: wechat
  • Whatsapp: whatsapp
  • Zalo: zalo

Gadget blocks

Template VTrick kế thừa toàn bộ Gadget block trên nền templatify. Các bạn có thể sử dụng các Gadget này bằng cách chỉnh sửa Widget HTML.

{getContent} $results={Number of Results} $label={Your Label} $type={Custom Type}

Trong đoạn trên:

  • Number of Results: số lượng bài viết
  • Your Label: Label bài viết
  • Custom Type: Loại gadget cần sử dụng blockgridlistvideo. Loại mini và comments chỉ sử dụng được ở vị trí sidebar.

Ví dụ:

{getContent} $results={5} $label={recent} $type={block}

Trong ví dụ trên, với $label={recent} sẽ trả về danh sách bài viết mới nhất của blog.

Comment System

Template VTrick hiễn tại hỗ trợ 3 hệ thống comment: bloggerfacebook 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 thay omegakd 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/

Get Facebook SDK

Đường dẫn FB SDK vi_VN có dạng như sau:

https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v10.0&amp;appId=478543156094708&amp;autoLogAppEvents=1

2. Cài đặt Facebook SDK

Cài đặt Facebook SDK
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.

Shortcode

Template VTrick có sử dụng một số shortcode, các bạn có thể tham khảo demo và chi tiết tại:

https://vtrick.vietrick.com/p/post-shortcodes.html

Kết

Vậy là cơ bản chúng ta đã cài đặt xong template blogger VTrick. Nếu có vấn đề hoặc thắc mắc trong quá trình sử dụng, các bạn có thể để lại bình luận bên dưới nhé.

5/5 - (2 votes)
Subscribe
Notify of
guest

6 Comments
Mới nhất
Cũ nhất Most Voted
Inline Feedbacks
Xem tất cả bình luận
Nhonzin
Nhonzin
05/01/2024 11:09

Minh có theme web phim cần ad hỗ trợ. Mình đã gửi thư vào gmail cho ad, làm ơn phản hồi với ạ

thành
thành
27/12/2023 16:21

Cảm ơn vì tấm lòng chia sẻ

yazan
yazan
27/10/2023 05:38

How can I make the appearance dark mode at first by default, and then the user can change it to light mode?
And thank you for this wonderful template

ggdonga
ggdonga
02/10/2023 13:26

theme đẹp quá

riduan
riduan
30/09/2023 04:50

hi how can i increase the width of vtrick theme.please help me