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:


Why do you need a sitemap for your blog? The answer to this question is having a 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 the Google AdSense program, creating a sitemap for a 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 the 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.


8 comments:

  1. what you thing about collaborate our blog subratatax.blogspot.com

    ReplyDelete
    Replies
    1. You are welcome. If I may get you right, are you saying you want to collaborate with me? I want you to elaborate more on this matter.

      Delete
  2. thanks lot bro...
    many site search this problem,but so tried..

    ReplyDelete
    Replies
    1. Thank you for stopping by, more topics such as this are coming your way.

      Delete
  3. Anonymous23 October

    Thankyou for this blog its really interesting and informative, but there is some errors
    Which need to be recorrect by owner. See i also have some good blogs related to
    Technical services, you can check on my website.

    Avast Login
    garmin.com/express
    avg.com/retail
    bullguard support number

    ReplyDelete
    Replies
    1. Good comment. But, you did not point out the areas of this post where there are mistakes. Anyways, thank you for your correction.

      Delete
  4. Thank you for sharing your thoughts and knowledge on this topic. This is really helpful and informative, as this gave me more insight to create more ideas and solutions for my plan. I would love to see more updates from you.

    Internet Marketing

    ReplyDelete
  5. Enjoyed reading the article above, really explains everything in detail, the article is very interesting and effective.

    Advanced Excel Training Institute in Delhi

    ReplyDelete