Tạo trang sơ đồ (sitemap) cho blogspot

Đây là một kiểu sơ đồ (sitemap) dạng bảng và cập nhật bài đăng mới liên tục trong blog của bạn. 

Trang Sơ đồ blog giúp cho người đọc có một cái nhìn tổng thể về blog của bạn, bao gồm các chuyên mục trong blog (nhãn, label) và tiêu đề các bài đăng trong chuyên mục đó. Nhờ có sơ đồ, người đọc dễ dàng tìm đến các chuyên mục và bài đăng cần tìm kiếm.

Ở trên là ảnh chụp trang sơ đồ trong blog chính thức của DVD.

Bạn có thể xem trước TẠI ĐÂY

Cách thực hiện:

- Đăng nhập vào Blog => Thiết kế => Trang => Trang mới => Chọn HTML và dán đoạn mã code dưới đây vào.

<span style="font-family: inherit;">* Nhấp vào chủ đề (chuyên mục) ở khung bên trái để xem các bài đăng trong chủ đề ở khung bên phải.</span>

<span style="font-family: inherit;">

</span> 

<div id="tabbed-toc">

<span class="loading">Đang mở, xin chờ...</span></div>

<script type="text/javascript">

var tabbedTOC = {

    blogUrl: "https://dovaden2010.blogspot.com", // Enter your blog URL

    containerId: "tabbed-toc", // Container ID

    activeTab: 0, // The default active tab index (default: the first tab)

    showDates: true, // `false` to none show the post date

    showSummaries: false, // `true` to show the posts summaries

    numChars: 50, // Number of summary chars

    showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)

    thumbSize: 40, // Default thumbnail size

    noThumb: "", // 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. `false` to open in same 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: 5, // `false` to hide the "New!" mark in most recent posts or

 //define how many recent posts are to be marked by changing the number

    newText: " - <em style='color:white;padding: 1px 5px;border-radius: 20px;background-color: #F00;'>New!</em>" // HTML/CSS for

//the "New!" text

};

</script>

<link href="https://dl.dropbox.com/s/kcaau26uugvz058/tabbed-toc.css" rel="stylesheet" type="text/css"></link>

<script src="https://dl.dropbox.com/s/2zgwgkm43uk7nng/tabbed-toc.js" type="text/javascript"></script>

- Thay dòng https://dovaden2010.blogspot.com thành địa chỉ trang blogspot của bạn.

- Cuối cùng là bấm chọn xuất bản và chúc bạn thành công.

Nguồn:

https://www.startuanit.net/2017/02/tao-sitemap-ep-cho-blogspot.html