Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics

Friday, August 13, 2010

Easily make HTML sitemap table of content javascript

A commentator at Blogger Tips and Tricks (HTML) Sitemap (Table of Content) said: "Hi Peter, This sitemap is really good and helpful. I would like to add a sitemap like this one to my blogger blogs. Can you please give me a detailed reply on creating a sitemap like this and loading it to blogs and then to Webmaster tools."

Fortunately for me, that is not difficult a task for all you need to do is to first create a post or better, a static page, making sure you are in the Edit HTML mode, copy the following Javascript:

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>
<script src="http://myblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>


making sure to replace http://myblog.blogspot.com with the actual URL of your blog. To make this clearer, below are 2 examples of the codes I used to create such HTML sitemaps of 2 of my blogs, one of which is Easily make HTML sitemap for your blog using Javascript

10 comments:

  1. Thank's for your tips, I've made my sitemap and its work....! thanks again..! Please check http://www.lamanpetuasukma.com using your tips..

    ReplyDelete
  2. i certainly love this......for example , if your blogger website is www.videogames700.blogspot.com and you want to submit your site map to google,... all you have to do is just write www.videogames700/atom.xml and you're done...

    ReplyDelete
  3. Nice Job ....but I have some confusion. I want to know by using this script the sitemap will automatically update??.........

    ReplyDelete
  4. Because it uses feed, I believe it will update when you update your blog with a new post.

    ReplyDelete
  5. i have added the code you give and it works really well

    ReplyDelete
  6. thanks for this i would like to use it on my blog www.causeofulcer.blogspot.com

    ReplyDelete
  7. yahoo, it's work!
    nice thanks bro

    ReplyDelete
  8. Thanks alot....It works :)

    ReplyDelete