Breaking

Sunday, September 15, 2019

Create an interesting HTML Sitemap Page on Blogger- getshelps.info

Create an interesting HTML Sitemap Page in Blogger

Create an interesting HTML Sitemap Page on Blogger

Simply put, a sitemap is a summary of the entire post of your website. With Sitemaps, the search engine can easily understand how many posts are on your blog/website. As a result, any search engine indexes the content of your site and brings it to the search result.

A sitemap is a summary of the entire post of your website. With Sitemaps, the search engine can easily understand how many posts are on your blog/website. As a result, any search engine indexes the content of your site and brings it to the search result. This is the method of submitting your blog/website to various search engines. But the HTML Sitemap page I will show is for your readers. With which readers will know how many posts are on your blog. In addition, this HTML Sitemap page will show each Label individually. This allows visitors to easily visit the links of their choice. Moreover, new posts will automatically index which ones are new posts. This post may have been posted several times on various blogs. After all, I'm sharing new ones, because I've made all kinds of browser compatibility to add some new features to it. Which will make it even more interesting. Also, there was some problem with the font for the Bangla blog, Solve. Hope you like it. You can see the demo from here.
How to add sitemap page in the blog

How to add sitemap page in the blog:

  • Login to your blog first.
  • Then click on the Page from the Blogger Dashboard.
  • Now click on Create a New Page.
  • Then click on the HTML of the page.
  • Copy and paste the code below into the HTML page.
<style type="text/css">
#sitemap {
   width:100%;
   margin:5px auto;
   margin-left: 4px;
   border:1px solid #23A839;
   border-top:0px solid #2D96DF;
}
.label {
   color:#FF5F00;
   font-weight:bold;
   margin: -16px -1px 0px;
   padding:1px 0 2px 11px;
   background: -webkit-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(right,#6DFC85 0%,#23A839 40%); /* For Firefox 3.6 to 15 */
   background: linear-gradient(right,#6DFC85 0%,#23A839 40%); /* Standard syntax */
   border:1px solid #23A839;
   border-radius:0px;
   -moz-border-radius:0px;
   -webkit-border-radius:0px;
   display:block;
}
.label a {color:#fff;}
.label:first-letter {text-transform:uppercase;}
.new {
   color:#FF5F00;
   font-weight:bold;
   font-style:italic;
}
.postname {
   font-weight:normal;
   background: -webkit-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Safari 5.1 to 6.0 */
   background: -o-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Opera 11.1 to 12.0 */
   background: -moz-linear-gradient(right,#6DFC85 0%,#FFF 40%); /* For Firefox 3.6 to 15 */
   background: linear-gradient(right,#6DFC85 0%,#FFF 40%); /* Standard syntax */
}
.postname li {
   border-bottom: #DDD 1px dotted;
   margin-right:5px
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
</style>

<div id="sitemap">
<script type="text/javascript" src="https://cdn.rawgit.com/prozokti/rashid/master/sitemap.js"></script>
<script src="http://www.getshelps.info/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadsitemap"></script>
</div>
  • Now place the address of your blog at http://www.getshelps.info.
  • Finally, click on Publish Button is done.
Note: Dismiss any type of HTTPS error.
  • Click this > under Reader comments > select Don’t allow > Done.

No comments:

Post a Comment