How to Create XML / HTML Sitemap for Blogger & Specific Labels

<div dir="ltr" style="text-align: left;" trbidi="on"> <b><span style="font-size: large;">What is Sitemap:</span></b><br /> <div style="text-align: justify;"> <a href="http://1.bp.blogspot.com/-yqDVkEWYhgE/U0YVy1GE8_I/AAAAAAAAADc/3k4JTkl5JD8/s1600/sitemap-logo.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Sitemap Tree Logo" border="0" src="http://1.bp.blogspot.com/-yqDVkEWYhgE/U0YVy1GE8_I/AAAAAAAAADc/3k4JTkl5JD8/s1600/sitemap-logo.png" title="Sitemap Tree Logo" /></a>A site map is a single web document that contains all the pages of the website that can be used by the search engines like google, yahoo, bing to crawl the web pages. The Sitemaps very useful to inform the list of available urls in a website are ready to crawling by the search engines. It is also useful to the users to know current directory of websites. Sitemaps typically lists the web pages in hierarchical order.<br /> <br /></div> Site map can be in <span style="color: blue;">.xml, html, php</span> formats.<br /> <br /> <h2 style="text-align: justify;"> <span style="color: blue;"> How to Create Full XML Sitemap for Blogger:</span></h2> <div style="text-align: justify;"> By default every blog that contains a sitemap that can be crawl by the google and other search  engines.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> For example click the following link to get my blog's full site map,</div> <div style="text-align: justify;"> <blockquote class="tr_bq"> <a href="http://dinetricks.blogspot.in/sitemap.xml"><span style="color: purple;">dinetricks.blogspot.in/sitemap.xml</span></a></blockquote> </div> <div style="text-align: justify;"> This is a default xml site map generate by the google. But most of the user they doesn't know about it.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> If you want to know your blog's site map follow these steps,</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> In browser address bar, type your blogger domain name and add "<span style="color: blue;">/sitemap.xml</span>".</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Example: <span style="color: blue;">www.yourblogname.blogspot.com/sitemap.xml</span></div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> That's it. You have created site map for your blog. Just link this sitemap to any place in your blogger to crawl web search engines. In my blog i have linked to bottom of this page. Feel free see this too..</div> <div style="text-align: justify;"> <br /> Related: <span style="color: blue;">How to <a href="http://dinetricks.blogspot.com/2014/04/submit-url-google-bing-yahoo-ask.html" target="_blank">Submit Blogger URL to Google, Bing, Yahoo and Ask</a></span><br /> <br /></div> <h3 style="text-align: justify;"> How to Create HTML Sitemap for Specific Blogger Label:</h3> <div style="text-align: justify;"> <a href="http://2.bp.blogspot.com/-PXCxj1WENXY/U0YSSAcocZI/AAAAAAAAAC0/2aVYmOINr9s/s1600/blogger-pages-screen.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a>Login your blogger account and goto "<span style="color: blue;">dashboard</span>" </div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Click "<span style="color: blue;">Pages</span>" from left menu -> "<span style="color: blue;">New Page</span>" button</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> New page creation window will open,  click "<span style="color: blue;">HTML</span>" to get html page editor.</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://1.bp.blogspot.com/-5JbBHb-wO3M/U0YTpW7YQjI/AAAAAAAAADQ/L-DZRZmG73U/s1600/blogger-pages-screen.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger Pages Screen" border="0" height="276" src="http://1.bp.blogspot.com/-5JbBHb-wO3M/U0YTpW7YQjI/AAAAAAAAADQ/L-DZRZmG73U/s1600/blogger-pages-screen.jpg" title="Blogger Pages Screen" width="400" /></a></div> <br /> Then copy and paste below code in that page<br /> <hr /> <blockquote class="tr_bq"> <code> <span style="color: purple;"><script type="text/javascript"><br /> var totalposts = 200;<br /> var standardstyling = true;<br /> function showrecentposts(json) {<br /> for (var a = 0; a < totalposts; a++) {<br /> var entry = json.feed.entry[a];<br /> var posttitle = entry.title.$t;<br /> var posturl;<br /> if (a == json.feed.entry.length) break;<br /> for (var b = 0; b < entry.link.length; b++) {<br /> if (entry.link[b].rel == 'alternate') {<br /> posturl = entry.link[b].href;<br /> break;<br /> }}<br /> posttitle = posttitle.link(posturl);<br /> if (standardstyling) document.write('<li>');<br /> document.write(posttitle);}<br /> if (standardstyling) document.write('</li>');<br /> }<br /> </script>  <br /> <ul><br /> <h3><span style="background-color: #cccccc;">Blogger</span></h3><br /> <script src="http://www.<span style="background-color: #cccccc;">dinewallpapers</span>.blogspot.com/feeds/posts/default/-/<span style="background-color: #cccccc;">Blogger</span>?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script><br /> </ul></span><br /> </code></blockquote> <hr /> <br /> Just replace the highlighted text to get your sitemap.<br /> Example: <code></code><br /> <ul style="text-align: left;"> <li><code><span style="color: purple;"><span style="background-color: #cccccc;">dinewallpapers</span></span></code> -> your blog name </li> </ul> <ul style="text-align: left;"> <li><code><span style="color: purple;"><span style="background-color: #cccccc;">Blogger Tricks</span></span></code> -> Your page title</li> </ul> <ul style="text-align: left;"> <li><code><span style="color: purple;"><span style="background-color: #cccccc;">Blogger</span></span></code> -> Specific Label</li> </ul> <div style="text-align: justify;"> Before making specific label sitemaps make-sure whether the links are working or not. for example, i want to create blogger page site map, i have checked with following link.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> <a href="http://www.dinewallpapers.blogspot.com/feeds/posts/default/-/Blogger"><code><span style="color: purple;">http://www.dinewallpapers.blogspot.com/feeds/posts/default/-/blogger</span></code></a></div> <ul style="text-align: justify;"> </ul> <div style="text-align: justify;"> If your blogger label separated with two sentences like "<span style="color: blue;">blogger tips</span>" then the link will "<span style="color: blue;">blogger%20tips</span>"Add <span style="color: blue;">%20</span> to space. thats it..</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> This tutorial helps you to know how to create a specific labels xml & html sitemap for blogger blog. I hope you might like this trick to get specific labels site map for blogger blog. If you have any suggestions or question please leave your comment.</div> <br /> <br /></div>

How to Create XML / HTML Sitemap for Blogger & Specific Labels

What is Sitemap: A site map is a single web document that contains all the pages of the website that can be used by the search engines li...

Read more »