Tạo sitemap dạng bảng, hiện thị thumbnail và trích dẫn

Sitemap giúp bạn tổng hợp được những bài viết trên blog, điều này giúp cho độc giả dễ dàng tìm được bài viết mà họ quan tâm. Hôm nay mình sẽ hướng dẫn các bạn tạo sitemap hiện thị theo nhãn, bài viết sẽ được trích dẫn với hình ảnh và văn bạn.

#DEMO

Loading...

#Cách thực hiện

1. Đăng nhập Blogger
2. Trang > Trang mới
3. Chuyển sang chế độ viết HTML
4. Dán code dưới vào

<link rel="stylesheet" href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" type="text/css" media="screen" />
<div id="tabbed-toc"><span class="loading">Loading...</span></div>
<script type="text/javascript">
var tabbedTOC = {
    blogUrl: "http://khanh98.blogspot.com", // Blog URL
    containerId: "tabbed-toc", // Container ID
    activeTab: 1, // The default active tab index (default: the first tab)
    showDates: true, // `true` to show the post date
    showSummaries: true, // `true` to show the posts summaries
    numChars: 200, // Number of summary chars
    showThumbnails: true, // `true` to show the posts thumbnails (Not recommended)
    thumbSize: 40, // Thumbnail size
    noThumb: "http://3.bp.blogspot.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>
<script type="text/javascript" src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js"></script>

Lưu ý:
showDates là hiện thị ngày đăng bài
showSummaries là hiện thị đoạn trích
showThumbnails là hiện thị hình ảnh của bài viết
newTabLink là mở liên kết trong tab mới
maxResults là số bài đăng tối đa hiện thị
5. Xuất bản và xem kết quả