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

3.7/5 - (3 votes)
Subscribe
Notify of
guest

15 Comments
Mới nhất
Cũ nhất Most Voted
Inline Feedbacks
Xem tất cả bình luận
TiChuot
TiChuot
23/10/2024 18:32

hello mình bật ads thì gặp lỗi này ạ
Auto ads might not work well with the current theme. Please check whether ads are shown as intended on your blog pages.

nhờ ae/admin hỗ trợ với ạ.

ryu
ryu
13/09/2024 22:43

Khi tôi thêm quảng cáo AdSense vào phần gadget POST ADS1, POST ADS2, chiều dài của quảng cáo vượt quá bố cục của nội dung chính. Tôi nên làm gì trong trường hợp này? Quảng cáo bao gồm quảng cáo AdSense phản hồi và quảng cáo multiplex. Hãy kiểm tra bài đăng tại trang web này: https://coolrewrite.blogspot.com/.

Last edited 1 tháng trước by ryu
Su Bui
Su Bui
29/08/2024 15:35

làm sao để hiển thị PAGE ở trang chủ được vậy admin
page của blogger ấy

ryu
ryu
03/08/2024 23:09

Bảng điều khiển thiết kế chủ đề không có tùy chọn thêm CSS nâng cao. Làm thế nào để áp dụng mã CSS tùy chỉnh của người dùng

ryu
ryu
11/09/2024 06:44
Reply to  Lê Hòa

Cảm ơn bạn đã cung cấp một mẫu tuyệt vời miễn phí. Mình có một câu hỏi nữa muốn hỏi bạn. Trong quá trình cài đặt ban đầu của mẫu, mình đã vô hiệu hóa tất cả các chức năng của thanh bên và thay thế bằng các chức năng của riêng mình. Sau đó, chức năng cố định thanh bên khi cuộn trang không hoạt động nữa (ví dụ: khi cuộn xuống, thanh bên không cố định ở phần trên). Bạn có cách giải quyết nào cho vấn đề này không? Mình có cần cài đặt lại mẫu không?

Vui lòng tham khảo tại đây: [https://coolrewrite.blogspot.com/]

Last edited 1 tháng trước by ryu
Alex
Alex
31/05/2024 19:39

é de graça?

astro
astro
05/04/2024 15:43

The display length of post images is small. How can it be increased?

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ẻ