Liên hệ Zalo 0948.713.329 Để Nhận Tư Vấn Hỗ Trợ

Tạo mục lục cho bài viết blogspot chuẩn nhất

Tạo mục lục cho bài viết blogspot chuẩn nhất

Cập nhật ngày Bởi
Hướng dẫn tạo mục lục cho bài viết blogspot đơn giản chuẩn nhất

Bài viết này mình hướng dẫn cách Tạo mục lục bài viết cho blogspot, Table of Contents cho blogspot với nhiều cấp tự động nhận thẻ H2, H3, H4 làm mục lục của bài viết.

{tocify} 

Mục lục bài viết blogspot là gì?

Mục lục trong bài viết sẽ giúp người đọc dễ dàng di chuyển đến phần họ muốn mà không cần phải kéo chuột quá lâu. Đồng thời, nó như một bảng sắp xếp nội dung của bạn được ngăn nắp và dễ hiểu hơn. Chẳng hạn, với một bài viết có nội dung khá dài như thế này nếu không có mục lục rất khó để giữ chân khách hàng lâu hơn.

Cách cài đặt mục lục bài viết cho blogspot.

Bước 1: Thêm CSS

Các bạn copy CSS bên dưới dán trước thẻ đóng </b:skin> và lưu lại


Bước 2: Thêm JS

Các bạn copy đoạn JS bên dưới dán trước thẻ đóng </body> và lưu lại

Bước 3 : Viết bài

Khi viết bài các thẻ làm tiêu đề mục lục của bài viết các bạn bôi đen đoạn đó và chọn
  • Tiêu đề lớn: Thẻ H1
  • Tiêu đề : Thẻ H2
  • Tiêu đề phụ: Thẻ H3
  • Tiêu đề nhỏ: Thẻ H4
Tạo mục lục bài viết cho blogspot

Bước 4: Xuất mục lục lên bài viết

Để xuất mục lục lên bài viết các bạn chèn {tocify} vào vị trí bất kỳ của bài viết ở chế độ Xem soạn thư sau đó bôi đen nó là được, Khi đó tiêu đề mục lục mặc định chữ Table of Contents
Để chỉnh sửa tiêu đề theo ý bạn thì thêm $title = {Mục lục} và bôi đen nó lại là được
Ví dụ tiêu đề hiển thị chữ Mục lục {tocify} $title = {Mục lục}
Các bạn lưu ý đoạn code bên dưới
$("#toc").toc({
  content: ".post-body",
  headings: "h2,h3,h4"
})
Trong đó thẻ .post-body là thẻ bao quanh bài viết của bạn
headings: "h2,h3,h4" các bạn cài các thẻ để nó tự động nhận

Kết luận

Như vậy là bạn đã tạo được mục lục bài viết của blogspot đơn giản, bao gồm mục lục con rất đẹp mắt.

Chúc mọi người thành công!
Nguồn : Tham khảo  templateify

Comments

Call
0948713329
Contact Me on Zalo