Create an interesting HTML Sitemap Page on 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.
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. 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.
How to add to 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=”https://tricks-bd-24.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadsitemap”></script>
</div>
Now place your blog's address at https://tricks-bd-24.blogspot.com.
Finally click on Publish Button is done.
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.
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. 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.
How to add to 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=”https://tricks-bd-24.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadsitemap”></script>
</div>
Now place your blog's address at https://tricks-bd-24.blogspot.com.
Finally click on Publish Button is done.
