Tạo Sitemap – Danh mục bài viết (TOC) - Style 5: Theo Label – dạng Accordion

Sunday, 23 May 2010

Blogger có thể tạo ra các TOC bằng nhiều cách, hoặc thực hiện thủ công hoặc qua các file .js để tạo tự động theo Label, Archive, theo thứ tự alphabete, hoặc thời gian xuất bản …nhưng với các blog có nhiều bài viết thì sẽ rất khó khăn để cho visitor tìm kiếm bài. Để giúp visitor dễ dàng hơn trong việc tìm kiếm bài viết bạn có thể sử dụng thủ thuật tạo Table of Contents theo hiệu ứng Accordion.

Accordion là hình tượng đàn accordion kéo dãn ra và co lại để tạo ra âm thanh, đây là phương thức sử dụng hiệu ứng Show và Hide, chỉ khi bạn click vào chủ đề thì sẽ hiển thị chi tiết phía dưới, còn không thì chỉ hiển thị các chủ đề chính để bạn dễ dàng truy cập vào vị trí cần thiết của từng mục.

Để thực hiện rất đơn giản, bạn chỉ thực hiện 2 bước sau:
Tạo trang để hiển thị TOC:
Bạn có thể thực hiện tạo bài viết để hiển thị TOC, tuy nhiên giờ đây Blogger đã công bố tính năng trang tĩnh Page Static thì bạn hãy tạo trang Page Static để hiển thị TOC.
Vào Blogger: Bảng điều khiển (Dashboard) >> (Posting) >> Edit Pages >> (NEW PAGE) để tạo trang.

Chèn code Accordion tạo TOC:
Trong phần soạn thảo trang Page Static hoặc bài post bạn chọn chế độ soạn bài HTML.

và chèn code sau vào phần nội dung

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>        

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>         

<script src="http://www.vnblognet.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>         

<script type="text/javascript">         

var accToc=true;         

</script>         

<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

- Thay thế www.vnblognet.com bằng địa chỉ weblog của bạn
- Click vào Xuất bản là bạn đã thực hiện xong một thủ thuật mới tạo TOC cho veblog rồi đó.

nguồn: abu-farhan