Header Ads

How To Create Sitemap Page For Blogger Bog

How To Create Sitemap Page For Blogger Bog

Hi, everyone in this tutorial we are going to create a sitemap for our blogger blog. Creating an HTML sitemap is very simple and can be done very quickly.

A sitemap is a table of content for all the content of your blogger site. As you can see the example above, all the posts are displayed on one page. How would you like all the links to all your site contents are displayed on one page?

You may like:
Blogger Tutorial For Beginners – How To Add Page
Blogger Tutorial For Blogger-How To Add Related Post


Why do you need sitemap for your blog? The answer to this question is having table of content is like telling Google search engine how your blog articles/contents are arranged into levels and sections. This makes easy for Google bot to crawl the entire blog omitting anyone .secondly; visitors to the blog can easily navigate the entire blog by visiting the sitemap.

As part of the requirement to get accepted into Google AdSense program, creating sitemap for blog is very necessary. Other pages like about us, contact us, privacy policy, and lastly submitting xml sitemap of your blog to Google webmaster tool are created the same way sitemap is created.
The sitemap code is added via HTML, so it is required you have basic knowledge of HTML. But do not be panic, because this tutorial is for beginners like you.

Creating an HTML sitemap is divided into two parts. The first is to create the page and add the link to navigation menu. While the second is to copy a JavaScript code into the empty page that is created.


1.       Create the HTML page

Login into your Google blogger dashboard.
Select pages> New Page.
Type “Sitemap” as the title of the page.
Leave the content empty for now.
      Add the sitemap link to navigation menu

How To Create Sitemap Page For Blogger Bog


2.       Copy the sitemap code

Now, switch back to the sitemap page you have just created. Change the page content from compose mode to HTML. Copy the JavaScript code below into the page content area, and change URL in the code to your blog URL. Update and refresh the blog.

<div id="bp_toc">
</div>
<script src="http://mybloggerlab.com/js/sitemap.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>

To see the effect on the page, refresh the blog and click the page in the navigation menu. You will see all the posts of the blog on a single page.


I see you excel in blogging. If you have any comment, do not wait to drop it here. Thank you for reading.

No comments:

Powered by Blogger.