1:27:00 PM
We provide you full tutorial about How To
Create HTML Sitemap To Blogger because sitemap helps to improve crawl of your
blog or website. It also help to increase crawling and indexing of blog or
website. We also shared how to create XML site map of website in our previous
tutorial. Now we give you how to create HTML sitemap for your blog readers.
This sitemap help to show all links of your website on a page. You can show all
your blog post and pages in single sitemap page. You can also show links form
particular label.
How To Add HTML Sitemap To Blogger
If you want to show all your blog post at same page then
follow below steps:
Step 1
Log in into blogger dashboard.
Step 2
Now Go to Pages then New page and click on blank page as
show in below picture.
Step 3
Switch this page to HTML mode.
Step 4
Copy and paste below code in body.
<script
type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentpostsundefinedjson) {
for undefinedvar i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if undefinedi == json.feed.entry.length) break;
for undefinedvar k = 0; k < entry.link.length; k++) {
if undefinedentry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.linkundefinedposturl);
if undefinedstandardstyling) document.writeundefined'<li>');
document.writeundefinedposttitle);}
if undefinedstandardstyling) document.writeundefined'</li>');
}
</script>
<ul>
<script src="http://www.haakblog.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ul>
var numposts = 100;
var standardstyling = true;
function showrecentpostsundefinedjson) {
for undefinedvar i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if undefinedi == json.feed.entry.length) break;
for undefinedvar k = 0; k < entry.link.length; k++) {
if undefinedentry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.linkundefinedposturl);
if undefinedstandardstyling) document.writeundefined'<li>');
document.writeundefinedposttitle);}
if undefinedstandardstyling) document.writeundefined'</li>');
}
</script>
<ul>
<script src="http://www.haakblog.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script> </ul>
If you want to create Sitemap Page for particular Label
than copy and paste below code in body.
<script
type="text/javascript">var numposts = 100;var standardstyling =
true;function showrecentpostsundefinedjson) {for undefinedvar i = 0; i <
numposts; i++) {var entry = json.feed.entry[i];var posttitle =
entry.title.$t;var posturl;if undefinedi == json.feed.entry.length) break;for
undefinedvar k = 0; k < entry.link.length; k++) {if undefinedentry.link[k].rel
== 'alternate') {posturl = entry.link[k].href;break;}}posttitle =
posttitle.linkundefinedposturl);if undefinedstandardstyling)
document.writeundefined'<li>');document.writeundefinedposttitle);}if
undefinedstandardstyling) document.writeundefined'</li>');}</script><ul><script
src="http://www.haakblog.com/feeds/posts/default/-/Label%20Name?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ul>
Step 5
Replace www.haakblog.com to
your blog URL and Label%20Name to your
label name.
Step 6
Click on Publish button.
No comments
Post a Comment