How To Create Html Sitemap Page On Blogger: Hello, Friends welcome to my website. Now many bloggers face Indexing Issues so, HTML Sitemap Page helps to do faster Indexing. So, in this post, you can get HTML Sitemap Page Code.

In the below Section, code is provided for the HTML sitemap page just copy the code and use it on blogger for Sitemap pages.

<style>

#bp_toc {

    color: #757;

    margin:  auto;

    padding: ;

    border: 1px solid #6E1907;

    float: left;

    width: 100%;

}

span.toc-note {

    display: none;

}

#bp_toc tr:nth-child(2n) {

    background: #ffffff;

}

td.toc-entry-col1 a {

    font-weight: bold;

    font-size: 14px;

    

}

.toc-header-col1,

.toc-header-col2,

.toc-header-col3  {

background:#28fafa;

}

.toc-header-col1 {

    padding: 10px;

    width: 250px;

  text-align: center;

}

.toc-header-col2 {

    padding: 10px;

    width: 75px;

}

.toc-header-col3 {

    padding: 10px;

    width: 125px;

}

.toc-header-col1 a:link,

.toc-header-col1 a:visited,

.toc-header-col2 a:link,

.toc-header-col2 a:visited,

.toc-header-col3 a:link,

.toc-header-col3 a:visited {

    font-size: 13px;

    text-decoration: bold;

    color: #000000;

    font-weight: 700;

    letter-spacing: 0.5px;

}

.toc-header-col1 a:hover,

.toc-header-col2 a:hover,

.toc-header-col3 a:hover {

    text-decoration: none;

}

.toc-entry-col1,

.toc-entry-col2,

.toc-entry-col3 {

    padding: 5px;

    padding-left: 5px;

    font-size: 12px;

}

.toc-entry-col1 a,

.toc-entry-col2 a,

.toc-entry-col3 a {

    color: #000000;

    font-size: 13px;

    text-decoration: none

}

.toc-entry-col1 a:hover,

.toc-entry-col2 a:hover,

.toc-entry-col3 a:hover {

    text-decoration:underline;

  

}

#bp_toc table {

    width: 100%;

    margin:  auto;

    counter-reset: rowNumber;

}

.toc-entry-col1 {

    counter-increment: rowNumber;

}

#bp_toc table tr td.toc-entry-col1:first-child::before {

    content: counter(rowNumber);

    min-width: 1em;

       min-height: 3em;

    float: left;

    border-right: 1px solid #fff;

    text-align: center;

    padding: 0px 11px 1px 6px;

    margin-right: 15px;

}

td.toc-entry-col2 {

    text-align: center;

}

</style>

<div id="bp_toc">

</div>

<script src="http://mybloggerlab.com/js/

sitemap.js" type="text/javascript"></script>

<script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script>

May this Code help you to create a sitemap page. If you have any questions comment below I definitely answer you.