Create Html Sitemap Page On Blogger – HTML Sitemap Page Code

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.

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

Also, Check

Blogger पे “Table of Contents” कैसे Add करे। Step By Step Guide
DuckDuckGo Se Traffic Kaise Laye In Hindi
How to Get Adsense Approval Within 24 Hour
Share to Help

24 thoughts on “Create Html Sitemap Page On Blogger – HTML Sitemap Page Code”

  11. This article was very informative for me to thank you for uploading amazing and delightful content for everyone I hope ur site increase so much.

    Reply

  12. Sir please help me tell me what is the problem in my site I have posted almost 300 plus post but my site in not approving from adsense my 60 to 65 post is showing on adsense but adsense send me no inventory content message I am so trouble please help me sir

    Reply

Leave a Comment