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.

Demo

image

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

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

change “www.abufarhan.co.cc” to your blogger URL


Categories: Featured, Table of contents, Tips and Tricks Blogger

Tags: , ,

Enjoyed this Post?

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

Trackback
Leave a response

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

  1. Colts Jerseys says:
    July 24, 2010 at 2:54 pm

    Table of contents

    Reply
  2. paktua says:
    July 23, 2010 at 8:45 pm

    assalamu’alaikum sahabat.yg luar biasa.. gw belum menemukan script yg ini http://www.konek.co.cc/2010/07/site-map-atau-daftar-isi.html padahal diambil dr sini hehehe…

    Reply
  3. 15 most popular Blogger widgets that you shouldn’t miss |Blogger Bits says:
    July 20, 2010 at 11:14 pm

    [...] 3. Table of contents widget [...]

    Reply
  4. Blog Bilcyber.com | SEO Untuk Blogspot Bagian 2 says:
    July 17, 2010 at 11:07 pm

    [...] Site Map Untuk Blogspot [...]

    Reply
  5. உங்களது அனைத்து இடுகைகளையும் ஒரே பக்கத்தில் says:
    July 17, 2010 at 2:24 am

    [...] http://cp-in.blogspot.com/2009/08/blog-post_25.html .இதனை செய்தவர்   அபுபர்ஹான். சரி இப்பொழுது  இதனை எப்படி உங்களது [...]

    Reply
  6. Izhar Fareed says:
    July 7, 2010 at 8:53 pm

    Hi Farhan !

    It shows only 500-600 post in toc page. but i have more than 700 posts. How to display all ???

    Thanx

    Reply
  7. df anto says:
    July 7, 2010 at 8:34 pm

    thank’s for your info.. it’s useful for me

    Reply
  8. Paul Eilers says:
    July 4, 2010 at 1:37 am

    Hello,

    I am EXTREMELY frustrated, trying to implement your code in order to create a Site Map for my blog. Sigh.

    Thanks,

    Paul Eilers

    Reply
  9. erwin says:
    July 3, 2010 at 1:04 am

    salam…
    aku newbie, sudah berulang kali mencoba, tapi masih belum berhasil. jika tidak keberatan, aku minta tolong dibuatkan tutorial dgn bahasa yg mudah aku mengerti.

    thx

    Reply
  10. hootteorderry says:
    June 30, 2010 at 9:14 pm

    life me higher with your style jordan iv

    Reply
  11. Izhar Fareed says:
    June 30, 2010 at 5:11 pm

    Assalam-o-Alaikum Farhan Bro!

    I have added your 2 of toc scripts to my site. Please check it here.
    http://www.extremecircuits.net/2007/03/table-of-contents.html
    And believe me this is the thing that i was searching for. Thank you very much for sharing this.
    I have only one question that how can i display ONLY SELECTIVE LABELS in toc page?

    Thank You.

    Reply
  12. Renesmee says:
    June 14, 2010 at 6:51 pm

    Thanks. Your way is really easy. I do successfully

    Reply
  13. dumbastic says:
    June 7, 2010 at 3:38 pm

    Thanks a lot.. it’s a great script..

    Reply
  14. neodmarco says:
    June 6, 2010 at 1:56 am

    Assalamualaikum..Terima kasih di atas tutorial ini.Terima kasih banyak-banyak saudara.

    Reply
  15. teras info says:
    May 27, 2010 at 1:59 pm

    thanks for your information….

    Reply
  16. Table of Content for Blogger new style | Abu Farhan says:
    May 3, 2010 at 7:40 pm

    [...] all of you my other script. This script is modification from previous script that I made before (The Best Table of Content for Blogger). Now I used Style from Google Feed. How to use is very easy. Create Static Page . Put the script [...]

    Reply
  17. eNeS says:
    May 3, 2010 at 6:15 am

    Terimakasih sekali lagi atas koreksinya. Mengenai popular post saya dapat scriptnya dari teman, sumbernya saya gak tahu, makanya pada postingan tersebut saya tidak menyebutkannya.
    Mohon maaf jika itu ternyata script hasil anda. Insya Allah, nanti saya edit lagi postingannya.
    Sekali lagi saya mohon maaf, dan terima kasih atas koreksinya.

    Reply
  18. mediafire says:
    April 13, 2010 at 11:12 am

    thanks for this info

    i will implement this on my blog very soon

    Reply
  19. Hussein says:
    April 10, 2010 at 5:09 pm

    could you please add more spaces before the word “NEW” because I am using some Arabic with English words in my post tittle, you can see what I meant to say from here please

    http://www.ourfavorites.info/p/blog-page_10.html

    thanks a lot for your time

    Reply

Leave a Reply

Copyright 2009 - 2010  Choen