Create Html Sitemap Page On Blogger

By | February 2, 2022

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

In below Section code Provided for html sitemap page just copy the code and use it on blogger for Sitemap pages.


#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-col3  {



.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-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 {




#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;



<div id="bp_toc">


<script src="

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 sitemap page. If you have any question comment below i definitely answer you.

Also, Check

Share to Help

One thought on “Create Html Sitemap Page On Blogger

  1. Pingback: 5 Best AI Copywriting Tools to Create Better Content FASTER! - Verma ji news

Leave a Reply

Your email address will not be published.