September 24, 2015

Textual description of firstImageUrl

How To Create Blogger Sitemap Organized By Category

|

Find out how to create Blogger Sitemap organize by category.

The sitemap by category for Blogger in this blog post used to be NOT working due to a broken Javascript linking to Google Drive in the coding.

Good news DiGiztal readers!

I have just redone and hosted the new code at Github.

Yes, now this Blogger sitemap by category is working marvelously.


Note: Here is another tutorial on how to create Blogger Sitemap Page.


It is simple and easy to create a sitemap for Blogger that is organized by by category.

It is user-friendly for your readers to find a particular blog post.

Blogger sitemap by category

Blogger Sitemap By Category

This is what you need to do: 

1. Log into Blogger Dashboard.

2. Click on "Pages".

3. Then click on "+ New page".

4. Next, click on the pencil icon on the left hand side next to the text editor.

5. A text menu drops down, click on "HTML view".

6. Type the word Sitemap in the Title box above.

7. Copy the code below and paste it inside the text editor.

<style type="text/css">
#toc{
width:99%;
margin:5px auto;
}
.labl{
color:#FF5F00;
font-weight:bold;
margin:0 -5px;
padding:1px 0 2px 11px;
background:#FFFFFF;
background:#1b2ec9;
border:1px solid #1b2ec9;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;
}
.labl a{
color:#fff;
}
.labl:first-letter{t
ext-transform:uppercase;
}
.new{
color:#E41E31;
font-weight:bold;
font-style:italic;
}
.postname{
font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
font-weight:bold;
background:#FFFFFF;
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>

<div id="toc">
<script src='http://bit.ly/2oGdlhG'></script>
<script src="https://your-blog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Important: Remember to change http://your-blog.blogspot.com (highlighted in white) to your own blog URL.

Note: Now when you click on "Compose view", the text editor (the box where you type your content)  should show a BLANK page.

In other words, there should be nothing inside the box.  

8. Click on the orange color "Publish" button.

9. To get the newly-created sitemap link, click "View" below the word Sitemap.

10. Now you can paste the Sitemap link on the footer or the sidebar of your blog.