 |
| Create Site Map .xml |
and indexing. Letter I have shared a tutorial about Submit Blogger Sitemap To Google Webmaster Tools.
That sitemap is in (.XML) format which used to submit in Google Webmaster Tool for search engines only so that they can index all of blog posts. In this tutorial I am going to share a trick which you can create a HTML sitemap for your blog readers so they can easily select a post to study and read. If you use HTML sitemap in your blog properly you can increase your blog page rank . You can show all of your blog posts at single sitemap page or you can use sitemap for particular labels. Whatever your need, this tutorial will help you. So, we want to get start how to add a sitemap page in blogger.
Creating Sitemap Page for All Labels.
If you want to show all your blog posts at same page then follow below steps one by one.
 |
| Create Site Map .xml |
1 Go to your blogger blog.
2 Now Navigate to Pages > New Page > Blank Page.
3 Switch it to HTML mode.
4 Paste below code in the post body.
 |
| Create Site Map .xml |
<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=”http://BloggersOnlineTrainings/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999?></script>
</ul>
5 Replace bloggersonlinetrainings.blogspot.com with your own blog URL.
6 Click Publish button.
7 That’s it
Creating Sitemap Page for Particular Label
If you want to show posts from specific labels, like in this page “SEO Tips for Bloggers”, then instead of the above code, use 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=”http://BloggersOnlineTrainings/feeds/posts/default/-/Label%20Name?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999?></script>
</ul>
eplace BloggersOnlineTrainings with your blog URL and Label%20Name with your label name.
Remember:
You are using single word at your label name like “SEO” then put SEO there but if you are using more than one word, then put %20 between each word.
Example: If label name is Blogger Tricks, then put Blogger%20Tricks.
The label name is very sensitive, so take care of it. Means don’t put seo in the place of SEO.That case the code will not work in .
Final Words!
This was the little trick about how to make HTML sitemap page in Blogger for particular label or all labels. I hope every one like this tutorial. Leave comment below comment box to share your view and feedback.
For More Details
http://bloggersonlinetrainings.blogspot.com/
Subscribe me on YouTube
Follow me on Dailymotion
Like me on Facebook
Like me on Facebook
Like me on Facebook
No comments:
Post a Comment