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.

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.

Tại cột menu bên tay trái, các bạn chọn menu Advanced > 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.

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.post: 0.0 -> 5.0 điểm đánh giá trên thang 5
• http://rc.post: 123456 (int) số lượng người đánh giá

Table of contents

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.

Để 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

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

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

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 block, grid, list, video. 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: 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 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/

Đường dẫn FB SDK vi_VN có dạng như 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.

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