How to create HTML sitemap page for your blog within seconds
Category : Web Applications
A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a Web site, typically organized in hierarchical fashion.
Just follow these steps to create sitemap page for your blog
1. Open your blogger account and navigate to
Pages >> New page
2. Switch to HTML mode from Compose mode
3. You can remove any HTML tags in the page that appear as default and paste the below code
<script type=”text/javascript”>
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == ‘alternate’) {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write(‘<li>’);
document.write(posttitle);}
if (standardstyling) document.write(‘</li>’);
}
</script>
<ul>
<script src=”https://TechiPickBlog.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999″></script>
</ul>
4. Replace https://TechiPickBlog.com with your own blog address.
Click preview to see your sitemap and publish it 🙂
See the sitemap of this blog here
Recent Comments