Star Dũng Blog

Hướng dẫn tạo sitemap cho blogspot đẹp, chi tiết, dễ tạo, chuẩn seo :)

sitemap là thành phần không thể thiếu trong website, nó giúp cho các bộ máy tìm kiếm dễ dàng tìm thấy danh sách website của bạn. Ngoài ra việc tạo sitemap cho blogspot sẽ giúp người đọc đẽ dàng tìm bài viết hơn bằng việc đưa ra danh sách chuyên mục và danh sách bài viết trong chuyên mục đó.

Tạo sitemap.html cho blogspot

Bước 1: Tạo trang mới

Bạn vào Blog -> Trang -> Tạo trang mới

Bước 2: Dán code

Bạn đặt tên trang mới - ví dụ: sitemap
Tại khung bài viết bạn chọn chế đọ viết là HTML

<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<script type="text/javascript">
    var tabbedTOC = {
        blogUrl: "https://mocgin.blogspot.com/", // 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 type='text/css' rel='stylesheet' href='https://rawgit.com/tuan2308/css/master/tabbed-toc.css'></link>
<script src="https://rawgit.com/tuan2308/js/master/tabbed-toc.js" type="text/javascript"></script>