...

Create Html Sitemap Page On Blogger – HTML Sitemap Page Code

5/5 - (1 vote)

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 sitemap page. If you have any question 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

Leave a Comment