Bismillah, Alhamdulillah

Skip to Content

The Best Table of Contents (TOC) or Sitemap for Blogger

September 2nd, 2009

Many blogger want to make sitemap or Table of contents for their blog in blogger engine. Some of them only index of their posts by only show title of blog or make it manual by type the title every posts. Here some example of simple table of content (Manual Input) :

Amanda just post How to create a sitemap with Google Feed control, her idea is good she want to categorized the post but using google feed and have to input label feed one by  one.

But I like her blog she provide many tutorial for blogger, every blogger have to know and read bloggerbuster

Beautiful Beta make javascript and used json from blogger call blogtoc widget. Many blogger try and modifed of his script but only change a little bit thing. Here some example what they change :

  1. Change position of TOC to the post, first time Beautiful Beta show his TOC in every post using javascript button in sidebar (I forgat the way how to use)
  2. Only change the language, this method can be found from Indonesian blogger they only change the language nothing to change inside.
  3. Give CSS for the table, only change the color and other thing.

Actually I used his javascript but I modified to become sitemap view not table anymore, and categorized the post.

Featured of My Script :

  1. Easy to use, only two line script.
  2. Categorized by Label.
  3. Can use for Multiple label in every posts.
  4. Give “New !!” Text for 10 latest posts.



How to use my script is very easy only input this two line to the post in “HTML” Mode

<script style="text/javascript" src=""></script>
<script src=";alt=json-in-script&amp;callback=loadtoc"></script>

change “” to your blogger URL

Categories: Blogger Tricks, Featured, Table of contents

Tags: , ,

Abu Farhan

I'm an Owner of this blog and it's always been a passion of mine to write about Blogger. I like to make original script for blogger. I also run the awesome Website at The Best Lists.

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or Comments RSS Feed

Donate towards my web hosting bill!

Leave a response

303 Responses to “The Best Table of Contents (TOC) or Sitemap for Blogger”

  1. […] daftar isinya bila kita menambah artikel. Cekidot,,Oiya, trik kali ini bersumber dari artikel mas Abu Farhan, yang tidak sengaja saya kunjungi sewaktu lagi mencari tips n trik seputar blogging, berhubung […]

  2. wonderfull..turotial..mantap om

  3. Thanks for such a great effort!! You really saved my time!! hats off to you!!

    I’ve added it in my site now:

    It’s really aweesome!!

    Thans again!!

  4. igorokfree says:

    The best free hosting for your site!
    New generation hosting is all your new site needs!
    A New World is what the new generation needs.
    The path to a New World starts here –

  5. The colors that the Aquatalia boots number in comprise of several of the planet tones [url=]cheap ugg boots uk sale[/url] but one specific intoxicating Aquatalia boot could possibly be the whisk rain boot. The whisk Aquatalia rainfall boot makes [url=]cheap ugg boots[/url] out from a dashing orange, a bright purple, or a pot dark-colored. These are the varieties of boots that are used hardly for style completely, as there will not ought to be a rainstorm to take you to definitely assume them. They are a bigger glow clear leather along with an enameled buckle since intimately. When [url=]cheap ugg boots uk sale[/url] it numbers to mode 1 would must state until this boot would accommodate in while using the contemporary wardrobe. The outsole is a new rubber, which puts up for you to its water proof lineaments.
    [url=]uggs tall [/url]
    [url=]ugg ireland [/url]
    [url=]ireland ugg boot [/url]
    [url=] [/url]

  6. Aminokwasy says:

    I think other web site proprietors should take this website as an model, very clean and excellent user friendly style and design, as well as the content. You’re an expert in this topic!

  7. carol says:

    This actually answered my downside, thank you!

  8. […] trik kali ini bersumber dari artikel mas Abu Farhan, yang tidak sengaja saya kunjungi sewaktu lagi mencari tips n trik seputar blogging, berhubung […]

  9. Laptop says:

    I would like to directly plug in my blog …

  10. […] Eleven: Privacy and Data SecurityYou’re Invited To Create An Event Registration Form With UsThe Best Table of Contents (TOC) or Sitemap for Blogger.broken_link, a.broken_link { text-decoration: line-through; } function mainmenu(){ jQuery(".menu […]

  11. Sari Worlie says:

    This is a excellent web page, would you be involved in doing an interview about just how you created it? If so e-mail me!

  12. arga says:

    No it doesn’t work if you have more than 500 posts

    any other ideas please

  13. Can you display only posts of one tag….

  14. […] here forMore Related LinksMore Related LinksThe Best Table of Contents (TOC) or Sitemap for Blogger Share and […]

  15. […] Masuk postingan Om Abu-Farhan untuk mengcopy source code seperti dibawah […]

  16. […] trik kali ini bersumber dari artikel mas Abu Farhan, yang tidak sengaja saya kunjungi sewaktu lagi mencari tips n trik seputar blogging, berhubung […]

  17. Jean Reidy says:

    I love this. It worked so well. Thank you so much. But can someone please help me figure out how to take the red “new” off of content post titles? I need to know for an online auction I’m running on Blogger in November.

  18. Vhy says:

    Wow, this is what i looking for. I feel very satisfied how your script can show my sitemap. That was very helpful.
    If you don’t mind check out my blog once upon a time at

    Thank you very much..

  19. Thanks, I have recently been seeking for details about this topic for ages and yours is the best I’ve discovered so far.

  20. Nette Seite, nur weiter so!

  21. Culver says:

    I’m looking over this publish and yes it seems to be good! Nice way with words and you’ve expressed some fantastic things with this issue.

  22. Lilli Linsky says:

    Safe-keeping compartment can be found on the tailgate end of the hands hold.

  23. Danielle says:

    Can you please do one except, I can do separate pages for each labels? like it will only display ONE label for each page? get what I mean?
    Please and thanks! xx

  24. RotoHoppich says:

    allen bradley plc programming software discount legit software Acronis Universal Restore for True Image Echo Server 9.5 fiberglass slider windows compare software to convert wav files to cd
    windows sidebar vista keyboard shortcut Jam 6.0 exterior custom wood window shutters info technology and database applications microsoft access autodesk software
    download adobe cs3 microsoft office outlook address ImTOO DVD to Zune Converter 4.0 olympus camera software downloads pnc computer software vendor
    erik oveson microsoft turn off ease of access for windows vista adobe flash 10 plugin Diskeeper Professional Edition v9.0 mp3 compptible microsoft windows
    buy windows xp oem software self contained window alarms temple emanu el and louis tiffany window SoftOrbits Batch Picture Resizer 2.1 top software download sites project ideas software programming
    microsoft jvscript
    windows xp pro fr torrent
    hp laserjet 1100a scanner software
    software used to transfer data in an organization is called
    eye window decals

  25. says:

    Thanks Mr. Abu Farhan. Running success!

  26. 指南者 says:

    Good blog! I’m gonna bookmark this site now.

  27. It’s really a nice and useful piece of info. I’m glad that you just shared this helpful information with us. Please stay us up to date like this. Thank you for sharing & could you please tell me how to add google+1 button in blog. Thankx in advance, I would really appreciate your answer. Waiting for your reply.

  28. Laura Rogers says:

    Greetings from Australia. Thanks for the useful content. I’m doing a project at uni and your content was quite useful. Thanks for sharing :)

  29. Saya sudah praktekkan tapi kok error alias tidak ditemukan domain yg dimaksud… ?

    Pertama : Saya pasang skrip pertama
    Kedua : Saya letakkan di link menu SiteMap (sudah saya hapus karena tidak jalan skrip tsb)
    yaitu : >SiteMap
    hasilnya domain tidak diketemukan

    apa ada yang salah ?
    ditunggu pencerahannya….. bisa via email

    Maaf saya sudah tanya ke mas Abi…, tapi katanya suruh tanya ke mas Abu…

  30. Koki Gurih says:

    Makasi banget buat internal sitemapnya..
    Ini yang kucari selama ini.

  31. Futsal Boy says:

    Thanks, Mr. Abu..

    I just added this sitemap to my blog. Hope it will improve my blog to friendly search by anyone the visitor.

    If you have time, please visit my blog.
    Once again, thank’s a lot..

  32. Sometimes my head gets a too messy for me. The best cure for it is to go for a walk & turn my headphones up loud enough to drown it out.|KimmiiCat|Sometimes my head gets a too messy for me. The best cure for it is to go for a walk & turn my headphones up loud enough to drown it out.

  33. I’m finding that I’m having more and more issues with plugins, especially the ones that use external feeds or look-ups. My hosting company suspended my account for taking up too much CPU resource. Turns out it was a related posts plugin. Not happy !

  34. Nurhadi says:


    Maaf Bang Abu, Script Nya diletkan setelah kode apa? Terus ane mau tanya nih. gimana caranya bikin site map di Blogger Yah??
    Makasih, Jika Berkenan Untuk Menjawab.

  35. Raja-Sawer says:

    nice info, but what if i just wanna show only a few labels in the site map??

    • Ip4s says:

      Penthouse Frankfurtbest e-cig 2011 reach of anyone, by joining the Official, unofficial Honorary Republic of Texas registery, you will become a part of Texas, and Texan culture. This is the next best thing to getting an honorary Texas citizenship from Governor Rick Perry himself. The best part is you do not have to save a kitten from a burning house, take a bullet for Jerry Jones or even hand out a Walker Texas Ranger style butt-kickin’ to an unruly Pittsburg Steelers fan at a Dallas Cowboys game.

  36. Bathroom says:

    Nice post!!! Thank you very much for sharing.

  37. 411 Pain says:

    You mentioned very important points, is a vast topic, but is well explained…

  38. Bloggermacz says:


    Luar biasa mas abu farhan,.
    Mampir di blog saya mas yah,.berikan penilainx :)


  39. terima kasih banyak atas sumbangsih nya,.

  40. afasfv rgda says:

    Your site is a gem, keep it up

  41. Prada Outlet says:

    Wow! This could be a particular of the very most helpful weblogs We’ve appear across on this subject. Essentially Great. I will be also an expert within this matter well, i may understand your own work.

  42. […] Masuk postingan Om Abu-Farhan untuk mengcopy source code seperti dibawah […]

  43. wictoria w says:

    It’s work perfectly ! thanks to you :)
    here is my page :

  44. Thank you so much for the hack… Implemented it in my blog. I just wanna know If we can show only limited number of posts in the labels link in this hack?

    Thanks again!

  45. FWC Vids says:

    Thanks for a wonderful plugin. I used this for one of my blogs. Now its going to go on all of my blogs :)

  46. Rohaizad says:

    very good post about this sitemap. Thanks Abu Farhan.

  47. Oygirtrd says:

    coloring pictures horses,

Leave a Reply

+ five = six

Dbestlists Dbestlists

Copyright 2009 - 2010  Choen