Bismillah, Alhamdulillah

Skip to Content

Table of Contents for Blogger new style

May 3rd, 2010

Bismillah Allahmdulillah.
Now I will give all of you my other script. This script is modification from previous script that I made before (The Best Table of Contents for Blogger).
Now I used Style from Google Feed.
How to use is very easy. Create Static Page .
Put the script in Html mode


<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" />
<script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script>
<script src="http://deconstructioncode.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

Replace http://deconstructioncode.blogspot.com to your blog name
Demo
Title of the post have different color odd and even.
You can Change the Style by yourself.


Categories: 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

51 Responses to “Table of Contents for Blogger new style”

  1. doddy says:

    thanks for the info. very helpfull :-)

  2. Akoey says:

    Assalamaualaikum Ustdz..
    salut sama Abu..

    Aku blogger baru, izin pakai daftar isinya
    Keren bgt.
    terimakasih..

  3. kumar says:

    Thank you very much for sharing this. I have two questions

    1.how can i display ONLY SELECTIVE LABELS in toc page?
    2.How can i increase the font size of the content

  4. Aslam-o-Alykum Farhan,
    Farhan, you are doing a great job, Mashallah, can you please tell me how i can show tabel of contents of only a particular feed on my post page or static page ?
    I mean i do not want to show the entire posts of my blog in table of contents but only posts of a particular lablel, I tried to change the blog feed or lable feed but it does not work. Kindly Do Something

    It will be your great great favor if you could reply me at my email address.

    Regards!
    Zohaib Hassan

  5. ahmadsyah says:

    terimakasih sahabat ,,,,semoga jadi amal ibadah yang bermanfaat….salam sukses amiin

  6. Harry says:

    Excelent, but the numbers from lists doesn’t appear on Google chrome

  7. Gagat says:

    truly excelent!
    Terimakasih buat mr abu farhan atas sharingnya,,
    Ilmunya bermanfaat banget.
    Daftar isi yang menggunakan fitur kata “new”, sungguh inovatif…
    Salam blogger
    Keep blogging!

  8. Gagat says:

    Truly excelent!
    makasih ya buat mr abu farhan atas berbagi ilmunya…
    daftar isi yang keren dengan fitur kata “new” inovatif…hehe
    Salam blogger..

  9. neno1050 says:

    السلام عليكم ورحمة الله وبركاته
    اخى فى الله ابو فرحان لدى سؤال وارجو الاجابه لماذا لا تظهر الارقام بجانب التدوينه وهل هناك كود اخر لعمل ذلك
    واريد ان اشكرك على ما تقدمه من علم جعله الله فى ميزان حسناتك

    • neno1050 says:

      Peace, mercy and blessings of God
      Brother in Allah Abu Farhan and I have a question please answer why the figures do not appear next to the entry is there another code to do so
      I want to thank you for its knowledge of God to make it in the balance of good deeds

  10. arinal haq says:

    assalamualaikum abu…. saya sudah mencoba scriptnya sesuai petunjuk. saya taruh di postingan di mode html tapi muncul pesan error,,, trus saya coba depannya tambah dg kata “script” akhirnya bisa, tapi kok keluarnya masih dg daftar isi versi lama..???

  11. Izhar Fareed says:

    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.

  12. khaled says:

    Thanks again!!!

  13. Good work. I’ll try it on mine. And may be this is what I’ve looking for long time.

  14. Online shop says:

    makasi abu scriptnya ,,thumbsup!!,

  15. Howdy there,just identified your Blog when i google something and wonder what webhosting do you use for your web site,the speed is more faster than my web site, i really need to know it.will back to check it out,thank you!

  16. Jakolien says:

    Fantastic and easy to use! Thanks :-)

  17. Neo says:

    assalamu’alaikum abu …

    kenapa saya ngak bisa abu ?
    saya menambah entri baru katanya :

    “KESALAHAN HTML Anda tidak bisa diterima: Tag is not allowed: LINK”

    kalau di tambah gadged bisa !

    tolong pencerahannya… terimakasih

  18. [...] Allahmdulillah, Alhamdulillah, Alhamdulillah After my prvious script Table of Contents for Blogger new style I make new modification from previous script and Now I used Accordion. Feature of this script [...]

  19. Dhodho says:

    Assalamualaikum… Semoga kita di pertemukan.

  20. haris says:

    wah, info yang saya butuhkan, tetapi bagaimana cara untuk membuat daftar isi pada halaman baru? bukan pada widget seperti ini?

  21. indam says:

    Ane newbie, mampir boz!

  22. GADO GADO says:

    Aku gak bisa bahasa inggris, tapi aku mengerti.. Mau bertanya.. Apakah widget ini membutuhkan banyak memori?

  23. surya says:

    assalaamu alaikum

    Bapak abu farhan, mohon ijin copy scriptnya…. terima kasih

    blogger pemula,
    :)

  24. nick says:

    hello assalamualaikum…. how to make the jQuery menu slider contain recent post? will it work on blogger?
    please share it. gw pengen bgt punya slide kyk gitu on my upcoming personal blog… ^^
    u can email it to nick.zani@yahoo.com
    or just share it on ur site.

    thx

  25. m1ha1 says:

    i receive an error message on css style from blogger

  26. yoyok says:

    Assalamu aaikum Wr. Wb.
    Artikel nya bagus sekali, fokus tentang blog dan sederhana. Blog anda sudah saya link di http://pc-installer.blogspot.com/search/label/Friends . Jika berkenan mohon link balik.
    Wassalam

  27. Abu Daffa' says:

    Assalamu’alaikum

    Ustadz..Subhanallah ilmunya good….ane adopsi yeee..mohon izin dan mohon bimbingan

  28. Rex says:

    Pretty good~!
    nice widget

  29. Roudy says:

    It looks good on Firefox. In regular internet explorer. In Opera, Chrome and Safari do not show the numbers

  30. ampuan awang says:

    Salam, sobat. sudah lama bersinggah ke laman ini dan ternyata ia amat berguna sekali. Sobat, apa boleh datang berkunjung ke laman hamba untuk melihat kekurangan yang ada dalam blog hamba tuk ditambah sesuatu yang penting. mohon pencerahanmu, sobat [...]

  31. Attalib says:

    Assalamu Alaykum

    Baraka Allah fik Akhi Abu Farhan
    i’ll write about it in sha Allah for the Arab Blogger Community.
    please fix the width border of the table in the demo !

    • admin says:

      Wa’alaikumsalam

      Wa fiika barakallahu

      I only used from google CSS. You can make modification from that by your self.

  32. GiorgioG says:

    nice work! how did u manage to insert: NEW?
    Cooool

  33. manthono says:

    XML error message: The reference to entity “alt” must end with the ‘;’ delimiter.

    pa tuh maksudnya pak?

  34. Rock says:

    Aku simpan dulu kodenya.
    Thanks.

  35. Glenn says:

    Thank you for the revision. It’s everything I could want.

  36. rudy azhar says:

    so, if we want to use this code, the old code must be removed first?

Leave a Reply

Copyright 2009 - 2010  Choen