How to create HTML Sitemap tabular for blogger

      A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a Web site, typically organized in hierarchical fashion. There are two popular versions of a site map. An XML Sitemap is a structured format that a user doesn't need to see, but it tells the search engine about the pages in your site, their relative importance to each other, and how often they are updated. HTML sitemaps are designed for the user to help them find content on the page, and don't need to include each and every subpage. This helps visitors and search engine bots find pages on the site.

         This guide will help you create a sitemap of type 2 (HTML sitemap - tablet sitemap), see image below (or see the sitemap of this blog):

    To create a sitemap for your blogger, you do the following:
     
         - Step 1: Login blogger >> Select a blog to generate sitemap >> Pages >> New page >> Blank page. This new page is named sitemap (Read more at here).

         - Step 2: Click on Edit HTML, Copy the script below and paste it in the post area (Select All >> Ctrl +C).

<link href="https://dl.dropboxusercontent.com/u/66256041/Sitemap/namkna.blogspot.com/tabbed-toc-skin.css" media="screen" rel="stylesheet" type="text/css"></link><br /><div id="tabbed-toc"><span class="loading">Loadding... Please wait!</span></div><a href="http://free-download-linkmf.blogspot.com/2013/06/how-to-create-tablet-sitemap-for-blogger.html" style="display: block; font: normal bold 8px Arial,Sans-Serif; margin: 10px; text-align: right; text-decoration: none;" target="_blank" title="CLICK HERE">How to create a sitemap as above?</a><script type="text/javascript">var tabbedTOC = { blogUrl: "http://Your-Blogger.blogspot.com/", 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: 210, // Number of summary chars showThumbnails: false, // `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: 10, // `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 src="https://dl.dropboxusercontent.com/u/66256041/Sitemap/namkna.blogspot.com/tabbed-toc.js" type="text/javascript"></script>

    Note:  Replace the blogUrl: "http://Your-Blogger.blogspot.com/" in script with  the url of your blog.

    You can further customize the sitemap in the following code:

blogUrl: "http://Your-Blogger.blogspot.com/", 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: 210, // Number of summary chars showThumbnails: false, // `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: 10, // `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

         You can also view articles How to create XML sitemap for blogger at here.