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 5http://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ạimini
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é.
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 ạ.
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/.
làm sao để hiển thị PAGE ở trang chủ được vậy admin
page của blogger ấy
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
Hi Ryu,
Blogger does not support to added custom CSS in admin page.
In order to added user CSS, you need to open the HTML editor and updated the code manually.
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/]
é de graça?
The display length of post images is small. How can it be increased?
Hi,
The ratio of Post featured image is 16×9.
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 ạ
Cảm ơn vì tấm lòng chia sẻ