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.
123 Responses to “Table of Contents for Blogger new style”
Leave a Reply
Like a lot of comments, just another request to only selected labels, maybe to add one static page for one label to make a Sections menu.
hiiiiii
I love this gadget and have placed it only side of all my blogs. One thing I discovered is that is seems to work more robustly if ABOVE the code you copy and past this (I got the code from one of your other articles):
Thank you.
well, the comment system deletes HTML code from the comment. But go to the article called “Accordion.” The first short bit of code that is just above the “/head”. Past that as the article says and use that for this TOC too.
It seems to make this TOC work more reliably.
I used your widget, and edited the .js a bit..hope you dont mind..its still backlink to you ;)
Salam..
I find a crucial problem using this script when new version of auto read more with thumbnail used too, so how to solve it??
I need to fix this soon because how important sitemap on my site..
Please, help me guru??
pak admin, kalo bikin daftar isi per kategori gimana ?
contohnya : di >> http://www.apakabardunia.com/category/percaya_ngga
tolong bantuannya ya :)
makasi
salam,
satu soalan,
adakah boleh jika mahu pamerkan toc link di source code?
maksudnya begini:-
label=finance
dan ada 3 post berlabel finance.
bagaimana mahu pamerkan 3 posts link tadi didalam table of content apabila buka di source code?
apabila pointkan mouse di browser akan appear link tetapi di dalam source code tiada link. Bagaimana mahu adakan link 3 posts tadi dalam source code?
terima kasih..
Maaf mas, saya mau nanya lagi (bukan bermasuk nyepam :D)
kenapa hasil diblog saya berbeda dengan di demo.
di blog saya nomor dengan judul post berada di baris yang berbeda?
kira kira apa yang salah???
Nah yang ini baru bisa, makasih mas/Om/Pakde :lol:
tapi gimana cara ganti warna judulnya??
Sukron katsiron ya abu ,
I love Your Site And Your Blog
Excellent…!!!
After so many failed attempts from other sites, I finally succeeded but my problem is my posts are repeated so many times in the TOC
Salam, Abu Farhan. You saved me from manually inputting my post titles in my Archive Page. Thank you.
thanks for the info. very helpfull :-)
Assalamaualaikum Ustdz..
salut sama Abu..
Aku blogger baru, izin pakai daftar isinya
Keren bgt.
terimakasih..
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
this is nice
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
terimakasih sahabat ,,,,semoga jadi amal ibadah yang bermanfaat….salam sukses amiin
Excelent, but the numbers from lists doesn’t appear on Google chrome
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!
Truly excelent!
makasih ya buat mr abu farhan atas berbagi ilmunya…
daftar isi yang keren dengan fitur kata “new” inovatif…hehe
Salam blogger..
السلام عليكم ورحمة الله وبركاته
اخى فى الله ابو فرحان لدى سؤال وارجو الاجابه لماذا لا تظهر الارقام بجانب التدوينه وهل هناك كود اخر لعمل ذلك
واريد ان اشكرك على ما تقدمه من علم جعله الله فى ميزان حسناتك
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
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..???
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.
I hope I can publish that widget
Thanks again!!!
Good work. I’ll try it on mine. And may be this is what I’ve looking for long time.
makasi abu scriptnya ,,thumbsup!!,
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!
Fantastic and easy to use! Thanks :-)
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
Wa’alaikumsalam
Ini digunakan untuk di postingan atau di Static page bukan di XML atau di Layout.
Abu Bisa Tukaran linkkan.. kunjung balik ya abu, untuk perkembangan blog saya.
assalamu’alaikum abu …
Dipasang diposting juga bisa, tapi cssny didownload dulu,kemudian copy-paste ke edit template. sedangkan script copy-paste ke postingan.
Itu kalau Abu izinkan, maaf sok tahu
kalau memindahkan CSS ke file hosting sendiri bagaimana?
[...] 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 [...]
Assalamualaikum… Semoga kita di pertemukan.
wah, info yang saya butuhkan, tetapi bagaimana cara untuk membuat daftar isi pada halaman baru? bukan pada widget seperti ini?
This not for sidebar but for page
Ane newbie, mampir boz!
Aku gak bisa bahasa inggris, tapi aku mengerti.. Mau bertanya.. Apakah widget ini membutuhkan banyak memori?
Tidak
assalaamu alaikum
Bapak abu farhan, mohon ijin copy scriptnya…. terima kasih
blogger pemula,
:)
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
i receive an error message on css style from blogger
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
Assalamu’alaikum
Ustadz..Subhanallah ilmunya good….ane adopsi yeee..mohon izin dan mohon bimbingan
Pretty good~!
nice widget
It looks good on Firefox. In regular internet explorer. In Opera, Chrome and Safari do not show the numbers
I can see from IE 6.
number only used ol li
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 [...]
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 !
Wa’alaikumsalam
Wa fiika barakallahu
I only used from google CSS. You can make modification from that by your self.
nice work! how did u manage to insert: NEW?
Cooool
XML error message: The reference to entity “alt” must end with the ‘;’ delimiter.
pa tuh maksudnya pak?
Don’t put in XML but in Crate Page or Create Post
Aku simpan dulu kodenya.
Thanks.
Thank you for the revision. It’s everything I could want.
so, if we want to use this code, the old code must be removed first?
Yes, this script almost same with the prev one, but I add some class to fit with CSS file
thank’s Abu…
Salam ukhuwah from me…
yesss, its different with prev one…only add CSS
btw how its work with script prev one bos?
halah indo sek lah
script yg dulu bisa berfungsi kalo hanya nge add kode cssnya doang bos?
ga bisa
hu`uh dah dicoba di html editor gak bisa, tp pas ngehack cssnya di html editor jalan pas di editor blognya gak jalan…heuheueuhe
makasih master…