Tạo danh mục bài viết Table of Content cho Blogger

Nhiều bạn nhầm lẫn Bản liệt kê danh mục bài viết - TOC - Table of Content với Sitemap. Bài viết này hướng dẫn các bạn tạo danh mục bài viết TOC cho Blogger đẹp để các bạn áp dụng cho blog của mình!

Nói chính xác bài viết này chúng tôi hướng dẫn cac bạn ra Bảng danh sách các bài viết Table of Content (TOC) mà nhiều người quen gọi là Sitemap.

Thực ra sitemap như hướng dẫn trong bài Tạo Sitemap Cho Googlebots bằng Google Webmaster Tools là một thủ thuật Blogspot tạo ra một nơi chứa tất cả các bài viết để google có thể index bài viết của bạn nhanh nhất.

Bài này hướng dẫn tạo TOC, được sắp xếp khoa học rất đẹp và hữu ích.

- Truy cập vào trang quản trị Blogger: https://www.blogger.com

- Vào [Trang] (Page), tiếp tục tạo [Trang mới] (New page)  cho sitemap :

- Chuyển sang tab HTML, dán đoạn code dưới đây vào:

Copy All Code

<stype type="text/css">
<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<script type="text/javascript">
    var tabbedTOC = {
        blogUrl: "http://www.kienthuc.online/", // Blog URL
        containerId: "tabbed-toc", // Container ID
        activeTab: 1, // The default active tab index (default: the first tab)
        showDates: false, // `true` to show the post date
        showSummaries: false, // `true` to show the posts summaries
        numChars: 200, // Number of summary chars
        showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
        thumbSize: 40, // Thumbnail size
        noThumb: "http://lh3.ggpht.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
        monthNames: [ // Array of month names
            "January",
            "February",
            "March",
            "April",
            "May",
            "June",
            "July",
            "August",
            "September",
            "October",
            "November",
            "December"
        ],
        newTabLink: true, // Open link in new window?
        maxResults: 99999, // Maximum post results
        preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
        sortAlphabetically: true, // `false` to sort posts by published date
        showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
        newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
    };
</script>
<link href="https://rawgit.com/tuan2308/css/master/tabbed-toc.css" rel="stylesheet" type="text/css"></link>
<script src="https://rawgit.com/tuan2308/js/master/tabbed-toc.js" type="text/javascript"></script>
</stype>

Đổi đường http://www.kienthuc.online dẫn thành đường dẫn URL blog của bạn.

- Đặt tên cho sitemap và lưu lại.
Các bạn có thể xem trước giao diện Table of Content như hướng dẫn trên: Preview