Create Automatic Table Of Contents In JavaScript

Create Automatic Table Of Contents In JavaScript - TOC Plugin

61
comments

PLEASE NOTE:

We have Zero Tolerance to Spam.

Chessy Comments and Comments with
'Links'
will be deleted immediately upon our review.

(function() {
var items = ['id': '4063093578679646436', 'body': 'Assalamualaikum!! Aswesome bhai, much awaited plugin for blogger... Thanks alot for sharing...', 'timestamp': '1487091944531', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487091944531#c4063093578679646436', 'author': 'name': 'Mohammad Sharfuddin', 'avatarUrl': '//lh5.googleusercontent.com/-ptbsaZU2Ank/AAAAAAAAAAI/AAAAAAAAimA/b-UMKV9CyVk/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04201768318671503559', 'displayTime': 'Feb 14, 2017, 10:05:00 PM', 'deleteclass': 'item-control blog-admin pid-182079964', 'id': '6680853584679429654', 'body': 'My goodness...What an awesome detailed tutorial...!!!x3cbr /x3eThanks Mohammed Mustafa...!!x3cbr /x3eGood to see you are sharing WordPress kind of plugins for the blogger platform too...!!x3cbr /x3eKeep making such plugins...', 'timestamp': '1487094316244', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487094316244#c6680853584679429654', 'author': 'name': 'Navin Rao', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-LXStadPcJ1A5_TdLp_eum945GUFYAASEb5ct-Niuebtg44speiJAZJop9F0BY9vkWA5ZE-zysq7RC2MEtWRBNZuDiAS2UlcsJhXmUXJTFYt2HHbsRhkmfmDg7dju4msIg0DWNkExPk/s35/IMG-20160816-WA0016.jpg', 'profileUrl': 'https://www.blogger.com/profile/07950015615519868007', 'displayTime': 'Feb 14, 2017, 10:45:00 PM', 'deleteclass': 'item-control blog-admin pid-1902893769', 'id': '6795149366638442862', 'body': 'Thanks a lot bhai ur really awesome.', 'timestamp': '1487094978085', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487094978085#c6795149366638442862', 'author': 'name': 'hr studio', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/11006239284526190572', 'displayTime': 'Feb 14, 2017, 10:56:00 PM', 'deleteclass': 'item-control blog-admin pid-2125538936', 'id': '7812534681310128258', 'body': 'Very Nice post, i am working on adding it to my blog', 'timestamp': '1487109321272', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487109321272#c7812534681310128258', 'author': 'name': 'Prince John Okosun', 'avatarUrl': '//lh3.googleusercontent.com/-c7AzYA2aDh8/AAAAAAAAAAI/AAAAAAAABic/wgYYWSvB-Ig/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/12301775134217028139', 'displayTime': 'Feb 15, 2017, 2:55:00 AM', 'deleteclass': 'item-control blog-admin pid-605869752', 'id': '5345665742533690823', 'body': 'Can You Create a GADGET For this ????x3cbr /x3ex3cbr /x3eIt will be easy for US (Newbies) coz we donx26#39;t want to edit template unnecessarily. x3cbr /x3ex3cbr /x3eI tried this on http://www.manywish.com didnx26#39;t worked. :( ', 'timestamp': '1487136524152', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487136524152#c5345665742533690823', 'author': 'name': 'ShoaiB', 'avatarUrl': '//lh5.googleusercontent.com/-ByT1kgAyxRI/AAAAAAAAAAI/AAAAAAAAafA/d5EBZFQgm2U/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/17373482145231942167', 'displayTime': 'Feb 15, 2017, 10:28:00 AM', 'deleteclass': 'item-control blog-admin pid-1427902013', 'id': '5720810918329450098', 'body': 'master, how to make site map? coux26#39;z feed api google is shut down :D', 'timestamp': '1487138145570', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487138145570#c5720810918329450098', 'author': 'name': 'Beben Koben', 'avatarUrl': '//lh5.googleusercontent.com/-cST3SQVGCqE/AAAAAAAAAAI/AAAAAAAAIkQ/5NEhYznm74s/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08754225607191914278', 'displayTime': 'Feb 15, 2017, 10:55:00 AM', 'deleteclass': 'item-control blog-admin pid-1389293775', 'id': '1164667123520535582', 'body': 'You nailed it ! ', 'timestamp': '1487138396201', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487138396201#c1164667123520535582', 'author': 'name': 'Marjan Arbab', 'avatarUrl': '//lh3.googleusercontent.com/-hQjbn8LFdOw/AAAAAAAAAAI/AAAAAAAAGlk/YI9cZ5G-oI8/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/15762876751241282162', 'displayTime': 'Feb 15, 2017, 10:59:00 AM', 'deleteclass': 'item-control blog-admin pid-1354707152', 'id': '9215914150110729537', 'body': 'which font you are using on your post title', 'timestamp': '1487143350435', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487143350435#c9215914150110729537', 'author': 'name': 'MO. MAHTAB', 'avatarUrl': '//lh4.googleusercontent.com/-tUGvxIrAcM8/AAAAAAAAAAI/AAAAAAAABGk/JaUZT9HjW9o/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/12521701743330646108', 'displayTime': 'Feb 15, 2017, 12:22:00 PM', 'deleteclass': 'item-control blog-admin pid-1069533339', 'id': '8998930456075783053', 'parentId': '5345665742533690823', 'body': 'adding a widget will effect your load time and is not recommended. I visited your site and did not find the codes. Please add it and let me know I will mention how to fix it on your site', 'timestamp': '1487154271147', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487154271147#c8998930456075783053', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:24:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '4170185527344797024', 'parentId': '5720810918329450098', 'body': 'you mean something like this: x3ca hrefx3dx22http://www.mybloggertricks.com/2010/12/how-to-create-table-of-contents-for.htmlx22 relx3dx22nofollowx22x3ex26quot;Blogger Sitemap TOCx26quot;x3c/ax3ex3cbr /x3ex3cbr /x3ex3ca hrefx3dx22http://www.mybloggertricks.com/2015/10/introduction-to-blogger-json-feeds-and-blogger-data-api.htmlx22 relx3dx22nofollowx22x3eJSON Feed APIx3c/ax3e is working just fine. What problem are you facing buddy? x3cbr /x3ex3cbr /x3eSo glad hearing from you after so many years :) ', 'timestamp': '1487155696282', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487155696282#c4170185527344797024', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:48:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '1116460747113165786', 'body': 'SEO Update:x3cbr /x3ex3dx3dx3dx3dx3dx3dx3dx3dx3dx3dx3dx3dx3cbr /x3eCheck this buddies :)x3cbr /x3ex3cbr /x3e[img srcx3dx26quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDVUlZud4BkB7a3RPnvDo1I9hpb54-S4oWXMH-HxsJb-NYPKSe659lTjxi5eb2CXMqfCKcdoWDN2Ky5a_EHf3nKdwSuhAoYpMh4EtFM2VJkkkvXQOYdfs-m7IkKCp1Q6e_doWOHYTJZM4/?imgmaxx3d800x26quot; widthx3dx26quot;95%x26quot;/]', 'timestamp': '1487155774157', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487155774157#c1116460747113165786', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:49:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '7807420939156813080', 'parentId': '9215914150110729537', 'body': 'Font Oswald', 'timestamp': '1487155809973', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487155809973#c7807420939156813080', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:50:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '1781609464599619291', 'parentId': '4063093578679646436', 'body': 'W.salam dear Sharfuddin,x3cbr /x3ex3cbr /x3eA pleasure buddy. Pleased to help :)', 'timestamp': '1487155855787', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487155855787#c1781609464599619291', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:50:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '5306082835341096966', 'parentId': '6680853584679429654', 'body': 'A pleasure dear. I have created several such plugins, the famous being x26quot;x3ca hrefx3dx22http://www.mybloggertricks.com/2015/04/blogger-shortcode-plugin.htmlx22 relx3dx22nofollowx22x3eBlogger Shortcodesx3c/ax3ex26quot; and x26quot;x3ca hrefx3dx22http://www.mybloggertricks.com/2015/10/introduction-to-blogger-json-feeds-and-blogger-data-api.htmlx22 relx3dx22nofollowx22x3eJson Feed API Pluginsx3c/ax3ex26quot;. Coding is all that I love buddy and it feels great when you find such guides useful. x3cbr /x3ex3cbr /x3eThank you for the kind feedback Navin buddy :)', 'timestamp': '1487156256082', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487156256082#c5306082835341096966', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:57:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '5114252943294966327', 'parentId': '6795149366638442862', 'body': 'awesome are people like you who give feedback :)', 'timestamp': '1487156278066', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487156278066#c5114252943294966327', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:57:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '6792368168104179625', 'parentId': '7812534681310128258', 'body': 'Please add it and let me know if you need any help :)', 'timestamp': '1487156298670', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487156298670#c6792368168104179625', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:58:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '7865121088400030789', 'parentId': '1164667123520535582', 'body': 'Glad you found it useful Marjan brother :)', 'timestamp': '1487156337761', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487156337761#c7865121088400030789', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 3:58:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '7385330758205575577', 'body': 'hi,thanks Mustafa for this awesome information', 'timestamp': '1487158477589', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487158477589#c7385330758205575577', 'author': 'name': 'Bilal aftab', 'avatarUrl': '//lh3.googleusercontent.com/-nqhXdpRkaJk/AAAAAAAAAAI/AAAAAAAAAwQ/nSGxswrjELY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/01428980423311807524', 'displayTime': 'Feb 15, 2017, 4:34:00 PM', 'deleteclass': 'item-control blog-admin pid-1171517727', 'id': '5554883305011197755', 'body': 'thanks a lot bhaijaan its working fine x3cbr /x3e', 'timestamp': '1487158661843', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487158661843#c5554883305011197755', 'author': 'name': 'Happy new year new year', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/00605476050984127947', 'displayTime': 'Feb 15, 2017, 4:37:00 PM', 'deleteclass': 'item-control blog-admin pid-1287445181', 'id': '5610300782005927676', 'body': 'Hi Mohammad bro,x3cbr /x3ex3cbr /x3eWow bro. I wish Ix26#39;d known JavaScript. With JavaScript, doing things in Blogger are so simple. By the way, thanks for creating such widgets. These codes help me to learn JavaScript. ^_^x3cbr /x3ex3cbr /x3eAmazing as always. Got something to utilize. :)', 'timestamp': '1487168522645', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487168522645#c5610300782005927676', 'author': 'name': 'Shivansh Verma', 'avatarUrl': '//lh3.googleusercontent.com/-JDPmmlvmF-E/AAAAAAAAAAI/AAAAAAAAACA/_YT827iV0oU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04108391743908292049', 'displayTime': 'Feb 15, 2017, 7:22:00 PM', 'deleteclass': 'item-control blog-admin pid-1341302647', 'id': '1308487345194947429', 'parentId': '5610300782005927676', 'body': 'So glad hearing from you dear Shivansh. Where have you been? :)x3cbr /x3ex3cbr /x3eIndeed JavaScript is the best tool when it comes to front-end programming and trust me its too easy to learn. Just watch some videos at lynda.com and thatx26#39;s it! :)x3cbr /x3ex3cbr /x3ehey Shivansh why not you different color themes of this plugin with your audience because CSS is what you are too best at! This will help people more. Just an idea. ', 'timestamp': '1487171211790', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487171211790#c1308487345194947429', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 15, 2017, 8:06:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '5521677514761659427', 'body': 'I tried to use it on my website http://www.hutiya.net/ but after adding all the codes and updating code in post. It didnx26#39;t worked then I removed the code. x3cbr /x3eThere might be some problem with it. Please fix it.x3cbr /x3eRegards x3cbr /x3eAnmol Singhi', 'timestamp': '1487179379990', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487179379990#c5521677514761659427', 'author': 'name': 'Anmol Singhi', 'avatarUrl': '//lh6.googleusercontent.com/-B05jF3ysPfE/AAAAAAAAAAI/AAAAAAAAABM/wp67bgQYjSU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/05450419624350313904', 'displayTime': 'Feb 15, 2017, 10:22:00 PM', 'deleteclass': 'item-control blog-admin pid-1387769593', 'id': '2372653389714876340', 'parentId': '5720810918329450098', 'body': 'oops, my false! ix26#39;m host the file on google drive. x3cbr /x3eLoLx3cbr /x3eCheers \m/', 'timestamp': '1487223038428', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487223038428#c2372653389714876340', 'author': 'name': 'Beben Koben', 'avatarUrl': '//lh5.googleusercontent.com/-cST3SQVGCqE/AAAAAAAAAAI/AAAAAAAAIkQ/5NEhYznm74s/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/08754225607191914278', 'displayTime': 'Feb 16, 2017, 10:30:00 AM', 'deleteclass': 'item-control blog-admin pid-1389293775', 'id': '8060642751545206030', 'body': 'Asa Mustafa,x3cbr /x3ex3cbr /x3eThanks for such a detailed and well-crafted tutorial.x3cbr /x3ex3cbr /x3eMay I know which screenshot app you used for this post?x3cbr /x3ex3cbr /x3eIs it Skitch?x3cbr /x3ex3cbr /x3eKeep up the great work.', 'timestamp': '1487256407197', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487256407197#c8060642751545206030', 'author': 'name': 'Jawad Khan', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/10019359989317175043', 'displayTime': 'Feb 16, 2017, 7:46:00 PM', 'deleteclass': 'item-control blog-admin pid-823837090', 'id': '6954731620300246581', 'body': 'Hey, Mustafa bro.x3cbr /x3ex3cbr /x3eItx26#39;s just awesome dear. I knew, you could do it and thatx26#39;s why I requested you for this awesome widget.x3cbr /x3ex3cbr /x3eI was shocked that time when you tagged me after coding + publishing above guide. You did it very next day after my request.x3cbr /x3ex3cbr /x3eIx26#39;m late to comment because I was busy in family work. So sorry for that.x3cbr /x3ex3cbr /x3eOnce again thanks a lot dear. Youx26#39;re really awesome. x26lt;3 :)', 'timestamp': '1487260832756', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487260832756#c6954731620300246581', 'author': 'name': 'Paramjot Singh', 'avatarUrl': '//lh4.googleusercontent.com/-Gny136G0-iI/AAAAAAAAAAI/AAAAAAAAGBk/9VCW_BBfK6g/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/02334797096355469724', 'displayTime': 'Feb 16, 2017, 9:00:00 PM', 'deleteclass': 'item-control blog-admin pid-487109458', 'id': '5919337160441902719', 'parentId': '5610300782005927676', 'body': 'x26quot;Got something to utilize.x26quot;x3cbr /x3ex3cbr /x3eI was talking about the same. ;)x3cbr /x3ex3cbr /x3eWill ping you soon about it. (^^)', 'timestamp': '1487270893685', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487270893685#c5919337160441902719', 'author': 'name': 'Shivansh Verma', 'avatarUrl': '//lh3.googleusercontent.com/-JDPmmlvmF-E/AAAAAAAAAAI/AAAAAAAAACA/_YT827iV0oU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04108391743908292049', 'displayTime': 'Feb 16, 2017, 11:48:00 PM', 'deleteclass': 'item-control blog-admin pid-1341302647', 'id': '4246598625234445673', 'body': 'your great Mohammad mustafa sir.your blog is very helpful.', 'timestamp': '1487276315228', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487276315228#c4246598625234445673', 'author': 'name': 'JALIL MEHAR', 'avatarUrl': '//lh4.googleusercontent.com/-yyXaJ0hnars/AAAAAAAAAAI/AAAAAAAABBA/xwDLfXyHd8I/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/00372601262963368439', 'displayTime': 'Feb 17, 2017, 1:18:00 AM', 'deleteclass': 'item-control blog-admin pid-1179763770', 'id': '3900561347755540922', 'parentId': '5521677514761659427', 'body': 'Another guy was using exact similar template as yours and it worked for him.x3cbr /x3ex3cbr /x3eI checked your blog and this is what you need to do.x3cbr /x3ex3cbr /x3e1) Since you are not using H2 tag for headlines but h1 which does not make sense. Therefore kindly either use h2 or h3 tags for your headings. If you are using h3 tag then replace all h2 tags in STEP#4 with h3. x3cbr /x3ex3cbr /x3e2) For step#6, you will find data:post.body twice or thrice. So replace it multiple times with the code I shared and not just once.x3cbr /x3ex3cbr /x3eWithout these fixes, obviously the plugin wont work. You need to install it as instructed.', 'timestamp': '1487281122927', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487281122927#c3900561347755540922', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 17, 2017, 2:38:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '1179025724606685070', 'parentId': '8060642751545206030', 'body': 'W.salam buddy,x3cbr /x3ex3cbr /x3eI simply press the keyboard button of x26quot;PrntScrx26quot; and then paste the image in Open Live Writer. Thatx26#39;s it! :)', 'timestamp': '1487290952874', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487290952874#c1179025724606685070', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 17, 2017, 5:22:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '5413650866805846288', 'parentId': '6954731620300246581', 'body': 'You are most welcomed dear paramoj and thank you for bringing up this great idea. This could have never been done without you and I do thank you for that. :)x3cbr /x3ex3cbr /x3eI love coding buddy and thatx26#39;s what I canx26#39;t quit :)x3cbr /x3ex3cbr /x3ex3cbr /x3eI just noticed that you are also running a site on blogger guides, why not share this plugin with your readers dear paramjot? x3cbr /x3ex3cbr /x3eWould love to see you here often! ', 'timestamp': '1487291102085', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487291102085#c5413650866805846288', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 17, 2017, 5:25:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '6433131391794516155', 'parentId': '4246598625234445673', 'body': 'Thank you Jalil. I am trying to be more punctual with posting. Thank you for the kind feedback :)', 'timestamp': '1487291146629', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487291146629#c6433131391794516155', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 17, 2017, 5:25:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '2670601548644739311', 'body': 'Hello! Can you do a post on how to customize your blogx26#39;s cursors?', 'timestamp': '1487352958337', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487352958337#c2670601548644739311', 'author': 'name': 'Silas Emmanuel', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmEgPa_bMpsnlDSojS2IBXlbUVZ36-HOLYrSTfcbYkllowkU5GT21VXlNXES-BpZZbNW-LGN7CTBvkjpD-gN1_lsh6eNHxLH8RlxdB3eAcCb3I2PbZjZsdmxzt1yEENGfQCxgWLJr_Lq2R/s35/Prophile%25252BPic%25252Banimated.gif', 'profileUrl': 'https://www.blogger.com/profile/11316934210661640992', 'displayTime': 'Feb 17, 2017, 10:35:00 PM', 'deleteclass': 'item-control blog-admin pid-541439665', 'id': '4204122152269214667', 'body': 'Thankx, i am working on adding it to my blog', 'timestamp': '1487401153128', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487401153128#c4204122152269214667', 'author': 'name': 'Mukesh Mali', 'avatarUrl': '//lh6.googleusercontent.com/-WbxuoSTaTNk/AAAAAAAAAAI/AAAAAAAAABQ/uZpOaiH5dPo/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/15168925343946138333', 'displayTime': 'Feb 18, 2017, 11:59:00 AM', 'deleteclass': 'item-control blog-admin pid-1889479091', 'id': '2410535233249634644', 'body': 'This one is really helpful bro :)x3cbr /x3ex3cbr /x3eGoing to try.x3cbr /x3ex3cbr /x3e-Ashutosh', 'timestamp': '1487425056013', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487425056013#c2410535233249634644', 'author': 'name': 'Ashutosh Jha', 'avatarUrl': '//lh5.googleusercontent.com/-pCIGi7G2IQ8/AAAAAAAAAAI/AAAAAAAABWU/JzTYgTss2mQ/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/10043023656623990845', 'displayTime': 'Feb 18, 2017, 6:37:00 PM', 'deleteclass': 'item-control blog-admin pid-2052116884', 'id': '5329769931842786676', 'body': 'The contribution for Blogspot community from your side is just unforgettable. Where everyone is focusing on wordpress, People like you are doing things which could not have done till yet. While there are many talented people who can do it, But you are just awesome and your contribution too.x3cbr /x3eThank you', 'timestamp': '1487485751904', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487485751904#c5329769931842786676', 'author': 'name': 'Deepak kumar Patel', 'avatarUrl': '//lh3.googleusercontent.com/-47Yr4NbLCOc/AAAAAAAAAAI/AAAAAAAADPM/-qMIbPylqLw/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/14967269239321886081', 'displayTime': 'Feb 19, 2017, 11:29:00 AM', 'deleteclass': 'item-control blog-admin pid-1953267722', 'id': '3223261677479203552', 'body': 'Please add h3 x26amp; h4 support with h2x3cbr /x3ex3cbr /x3eplease..........bro like wikipediax3cbr /x3ex3cbr /x3ei would be thankful to you.', 'timestamp': '1487493899604', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487493899604#c3223261677479203552', 'author': 'name': 'Arun Kumar', 'avatarUrl': '//lh4.googleusercontent.com/-I7k3xO_8aeg/AAAAAAAAAAI/AAAAAAAAAKo/ruuYsjFlQJY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16324647615925259278', 'displayTime': 'Feb 19, 2017, 1:44:00 PM', 'deleteclass': 'item-control blog-admin pid-360306211', 'id': '3567317705011620313', 'body': 'brother thanks for this awasame update . brother can you make an article how to use animated.css for next update . there many site but no one give information like this blog. thankyou.', 'timestamp': '1487500134239', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487500134239#c3567317705011620313', 'author': 'name': 'Kamal Dhital', 'avatarUrl': '//lh3.googleusercontent.com/-tGsyAF9C8Jk/AAAAAAAAAAI/AAAAAAAAEVc/Q3J1KSfxYFU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16314241538696640302', 'displayTime': 'Feb 19, 2017, 3:28:00 PM', 'deleteclass': 'item-control blog-admin pid-964688248', 'id': '6634521550068977545', 'body': 'thanks sir for this awesome trick.. now my blogger blog will be in High Serp x3ca hrefx3dx22http://www.timetabledatesheetresults.in/10th-class-time-table-2017-download-ssc-exam-date-sheet-2017-pdfx22 relx3dx22nofollowx22x3e x3c/ax3e ', 'timestamp': '1487592400344', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487592400344#c6634521550068977545', 'author': 'name': 'Sarita Kumari', 'avatarUrl': '//lh6.googleusercontent.com/-5tuM1IgRieA/AAAAAAAAAAI/AAAAAAAAABI/qN-My6VvGGY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/07167930744056179103', 'displayTime': 'Feb 20, 2017, 5:06:00 PM', 'deleteclass': 'item-control blog-admin pid-687095036', 'id': '8007189025887557155', 'parentId': '8060642751545206030', 'body': 'Ix26#39;m actually curious about the orange arrows youx26#39;ve used in your screenshots.x3cbr /x3ex3cbr /x3eIs there a tool for this?', 'timestamp': '1487669347756', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487669347756#c8007189025887557155', 'author': 'name': 'Jawad Khan', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/10019359989317175043', 'displayTime': 'Feb 21, 2017, 2:29:00 PM', 'deleteclass': 'item-control blog-admin pid-823837090', 'id': '3482164626986418751', 'body': 'Thanks a lot bhai ur really awesome.x3cbr /x3ex3cbr /x3eregards from iliyas shaikh', 'timestamp': '1487693804129', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487693804129#c3482164626986418751', 'author': 'name': 'qiswa jannati', 'avatarUrl': '//lh3.googleusercontent.com/-9xTbSQYe9_A/AAAAAAAAAAI/AAAAAAAAAGc/Fp2dfT9rhV0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/04016156513801467627', 'displayTime': 'Feb 21, 2017, 9:16:00 PM', 'deleteclass': 'item-control blog-admin pid-482422061', 'id': '3543918843224315964', 'body': 'Thank you everyone for finding it useful. :)x3cbr /x3ex3cbr /x3ex3cbx3eUPDATE:x3c/bx3ex3cbr /x3eBased on your requests I have created the multi-level TOC plugin where you can display H1, h2, h3, h4 till h6.x3cbr /x3ex3cbr /x3eThe new version will automatically pick headlines from your blog posts so no need to edit the code like we did for h2 in this version.x3cbr /x3ex3cbr /x3eWill publish it shortly. x3cbr /x3ex3cbr /x3eAnyone who wish to share it with his readers can surely do so by attaching attribution to this page. ', 'timestamp': '1487768085008', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487768085008#c3543918843224315964', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 22, 2017, 5:54:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '2785243245040751755', 'parentId': '3543918843224315964', 'body': 'I am waiting for it bro :) hope you comeup with that very soon....', 'timestamp': '1487832638576', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487832638576#c2785243245040751755', 'author': 'name': 'Arun Kumar', 'avatarUrl': '//lh4.googleusercontent.com/-I7k3xO_8aeg/AAAAAAAAAAI/AAAAAAAAAKo/ruuYsjFlQJY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16324647615925259278', 'displayTime': 'Feb 23, 2017, 11:50:00 AM', 'deleteclass': 'item-control blog-admin pid-360306211', 'id': '5336266590943312970', 'parentId': '8060642751545206030', 'body': 'I used adobe photoshop buddy :)', 'timestamp': '1487981361415', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487981361415#c5336266590943312970', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 25, 2017, 5:09:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '8876837712356386759', 'parentId': '5329769931842786676', 'body': 'Deepak this is probably the best feedback I received this year! :)x3cbr /x3ex3cbr /x3eThank you for considering a small man like me worth your kind words. Helping others with the limited knowledge I have is all that I aim in life. I am extremely grateful for all these precious words. God bless you buddy.', 'timestamp': '1487981495288', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487981495288#c8876837712356386759', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 25, 2017, 5:11:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '1274110176389567127', 'parentId': '3223261677479203552', 'body': 'Already done! Just waiting to get some time to post it. :)', 'timestamp': '1487981531065', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487981531065#c1274110176389567127', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 25, 2017, 5:12:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '405417921344993436', 'parentId': '3567317705011620313', 'body': 'I would love to write on it someday because readers often ask me how I animate images. Thank you for the request :)', 'timestamp': '1487981577862', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487981577862#c405417921344993436', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 25, 2017, 5:12:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '7253775475873276829', 'parentId': '6634521550068977545', 'body': 'For sure it will be God willing! :)', 'timestamp': '1487981603983', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487981603983#c7253775475873276829', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 25, 2017, 5:13:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '7544117289590455969', 'parentId': '3482164626986418751', 'body': 'So pleased to receive your comments after years! Where have you been iliyas :)', 'timestamp': '1487981637014', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1487981637014#c7544117289590455969', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 25, 2017, 5:13:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '5812221374662977870', 'body': 'Hello Mustafa sir, x3cbr /x3eNice post. How to learn javascript and ajax about blogger ? Can you share some resources with us ? ', 'timestamp': '1488104305363', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1488104305363#c5812221374662977870', 'author': 'name': 'pradip prasad', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/11020489811335860474', 'displayTime': 'Feb 26, 2017, 3:18:00 PM', 'deleteclass': 'item-control blog-admin pid-297214108', 'id': '6418344062112376339', 'body': 'I am waiting for plugin update for all heading tags support. bro... :(', 'timestamp': '1488167369583', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1488167369583#c6418344062112376339', 'author': 'name': 'Arun Kumar', 'avatarUrl': '//lh4.googleusercontent.com/-I7k3xO_8aeg/AAAAAAAAAAI/AAAAAAAAAKo/ruuYsjFlQJY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16324647615925259278', 'displayTime': 'Feb 27, 2017, 8:49:00 AM', 'deleteclass': 'item-control blog-admin pid-360306211', 'id': '418076547455044333', 'parentId': '6418344062112376339', 'body': 'Just released x3ca hrefx3dx22http://www.mybloggertricks.com/2017/02/create-table-of-contents-javascript.htmlx22 relx3dx22nofollowx22x3eTOC Plugin V2.0x3c/ax3e :)', 'timestamp': '1488221842522', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1488221842522#c418076547455044333', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 27, 2017, 11:57:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '3942323565038429909', 'parentId': '5812221374662977870', 'body': 'For that follow the JSON tutorials from this section. x3cbr /x3ex3cbr /x3ex3ca hrefx3dx22http://www.mybloggertricks.com/search/label/JSON%20Feedsx22 relx3dx22nofollowx22x3eBlogger JSON Feed APIx3c/ax3ex3cbr /x3ex3cbr /x3eWork on your JavaScript and Ajax skills at w3schools.com', 'timestamp': '1488221979531', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1488221979531#c3942323565038429909', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Feb 27, 2017, 11:59:00 PM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '127856030860690316', 'body': 'WOW!!!!!! Awesome :) I loved it!x3cbr /x3ex3cbr /x3eThank you so much! Mohammad Mustafa Ahmedzai Bhai :)x3cbr /x3ex3cbr /x3eYou fullfilled my request :)x3cbr /x3ex3cbr /x3eGod bless you! :)', 'timestamp': '1488293793253', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1488293793253#c127856030860690316', 'author': 'name': 'Arun Kumar', 'avatarUrl': '//lh4.googleusercontent.com/-I7k3xO_8aeg/AAAAAAAAAAI/AAAAAAAAAKo/ruuYsjFlQJY/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/16324647615925259278', 'displayTime': 'Feb 28, 2017, 7:56:00 PM', 'deleteclass': 'item-control blog-admin pid-360306211', 'id': '3707971632256089439', 'body': 'It not works on my blog gyansagar999.blogspot.com ! Please guide to fix the error .', 'timestamp': '1488471041174', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1488471041174#c3707971632256089439', 'author': 'name': 'सारांश सागर', 'avatarUrl': '//lh5.googleusercontent.com/-2JI3Z__SHJc/AAAAAAAAAAI/AAAAAAAABPU/KKXK-hJmuIA/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/05057463876453507470', 'displayTime': 'Mar 2, 2017, 9:10:00 PM', 'deleteclass': 'item-control blog-admin pid-1335922955', 'id': '4869458367979553667', 'parentId': '127856030860690316', 'body': 'You are always welcomed Arun :)', 'timestamp': '1488583852694', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1488583852694#c4869458367979553667', 'author': 'name': 'Mohammad Mustafa Ahmedzai', 'avatarUrl': '//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/11681339458447132019', 'displayTime': 'Mar 4, 2017, 4:30:00 AM', 'deleteclass': 'item-control blog-admin pid-1736397285', 'id': '1078625748147632517', 'body': 'Thank you so much for this script. It works perfectly. But how to hide it from the summary of the post extracted for display on pages?', 'timestamp': '1489236626705', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1489236626705#c1078625748147632517', 'author': 'name': 'Saesult GS', 'avatarUrl': '//lh6.googleusercontent.com/-MPj4EHbsAOU/AAAAAAAAAAI/AAAAAAAAELo/JWFo_0OfeJ8/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/03759205876340571819', 'displayTime': 'Mar 11, 2017, 5:50:00 PM', 'deleteclass': 'item-control blog-admin pid-958876378', 'id': '5157113598085099620', 'body': 'Man! You Are Awesome!', 'timestamp': '1506002620960', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1506002620960#c5157113598085099620', 'author': 'name': 'Taj Soheil Siddique', 'avatarUrl': '//lh3.googleusercontent.com/-irvXITgZkes/AAAAAAAAAAI/AAAAAAAADtc/PV__2452KMU/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/05166759894275872714', 'displayTime': 'Sep 21, 2017, 7:03:00 PM', 'deleteclass': 'item-control blog-admin pid-1697504176', 'id': '3804225925275279521', 'body': 'Thank you very much for providing this 😃, Now I am feeling proud to be a blogger user 😃. Please suggest me the best Tech theme for my blogger blog (https://www.glanceinfo.com) 😊 ', 'timestamp': '1506168413559', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1506168413559#c3804225925275279521', 'author': 'name': 'Harsh Kumar', 'avatarUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVTkvCOMR5G88SfnLZetGQrpaLPIoCU2vOJ0lWVuhwezZ72aMn_WGNtCimog2_QIB9mSt9L-5oUY_WC6ouP2VEN4haQo8F_5y1Xvo6zxSNpIDdjhZubexRuhxFf5-DjsjZlb61tcJJupyQ/s35/IMG_20170123_075555.jpg', 'profileUrl': 'https://www.blogger.com/profile/07710522385079043961', 'displayTime': 'Sep 23, 2017, 5:06:00 PM', 'deleteclass': 'item-control blog-admin pid-1177425618', 'id': '4512117686419874075', 'body': 'This TOC conflict with accordion shortcode, and showing double list. Thank you so much for this script, You Are Awesome!', 'timestamp': '1511824993303', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1511824993303#c4512117686419874075', 'author': 'name': 'HERBAMEDIKA', 'avatarUrl': '//lh5.googleusercontent.com/-tGZS3Yo2bYM/AAAAAAAAAAI/AAAAAAAAAA0/RrAZD72RMMk/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/10922537641417686478', 'displayTime': 'Nov 28, 2017, 4:23:00 AM', 'deleteclass': 'item-control blog-admin pid-314931630', 'id': '998502574676280213', 'body': 'How to change link #point0 to #point1 ?x3cbr /x3ex3cbr /x3eHow to remove #point0 ?', 'timestamp': '1518556718286', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1518556718286#c998502574676280213', 'author': 'name': 'Admin', 'avatarUrl': '//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SAx3ds35', 'profileUrl': 'https://www.blogger.com/profile/04328491950761355019', 'displayTime': 'Feb 14, 2018, 2:18:00 AM', 'deleteclass': 'item-control blog-admin pid-384460729', 'id': '7509328721570339840', 'body': 'Yup Sorry, It Working Perfectly thanks x3cbr /x3ex3cbr /x3ehttps://whoopmeloud.blogspot.in/p/hide-show.html', 'timestamp': '1520245533449', 'permalink': 'https://www.mybloggertricks.com/2017/02/automatic-table-of-contents.html?showCommentx3d1520245533449#c7509328721570339840', 'author': 'name': 'sumit gupta', 'avatarUrl': '//lh3.googleusercontent.com/-hCCZ2Op1tZs/AAAAAAAAAAI/AAAAAAAAA3s/60hDvMuTL2M/s35-c/photo.jpg', 'profileUrl': 'https://www.blogger.com/profile/05046674015142461990', 'displayTime': 'Mar 5, 2018, 3:25:00 PM', 'deleteclass': 'item-control blog-admin pid-1953518443'];
var msgs = 'loadMore': 'Load more...', 'loading': 'Loading...', 'loaded': 'No more!', 'addComment': 'Add comment', 'reply': 'Reply', 'delete': 'Delete';
var config = 'blogId': '8193278726666811965', 'postId': '8788717141475550089', 'feed': 'https://www.mybloggertricks.com/feeds/8788717141475550089/comments/default', 'authorName': 'M. Mustafa Ahmedzai', 'authorUrl': 'https://www.blogger.com/profile/11681339458447132019', 'baseUri': 'https://www.blogger.com', 'maxThreadDepth': 2;
// 0)
cursor = parseInt(items[items.length - 1].timestamp) + 1;

var bodyFromEntry = function(entry)
if (entry.gd$extendedProperty)
for (var k in entry.gd$extendedProperty)
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved')
return '' + entry.content.$t + '';

return entry.content.$t;

var parse = function(data)
cursor = null;
var comments = ;
if (data && data.feed && data.feed.entry)
for (var i = 0, entry; entry = data.feed.entry[i]; i++)
var comment = ;
// comment ID, parsed out of the original id format
var id = /blog-(d+).post-(d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array)
var auth = entry.author[0];
if (auth)
comment.author =
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
;

if (entry.link)
if (entry.link[2])
comment.link = comment.permalink = entry.link[2].href;

if (entry.link[3])
var pid = /.*comments/default/(d+)?.*/.exec(entry.link[3].href);
if (pid && pid[1])
comment.parentId = pid[1];

comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty)
for (var k in entry.gd$extendedProperty)
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass')
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime')
comment.displayTime = entry.gd$extendedProperty[k].value;

comments.push(comment);

return comments;
;
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor)
url += '&published-min=' + new Date(cursor).toISOString();

window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length

Mohammad SharfuddinFeb 14, 2017, 10:05:00 PM

Assalamualaikum!! Aswesome bhai, much awaited plugin for blogger... Thanks alot for sharing...

ReplyDelete
Replies

Navin RaoFeb 14, 2017, 10:45:00 PM

My goodness...What an awesome detailed tutorial...!!!
Thanks Mohammed Mustafa...!!
Good to see you are sharing WordPress kind of plugins for the blogger platform too...!!
Keep making such plugins...

ReplyDelete
Replies

hr studioFeb 14, 2017, 10:56:00 PM

Thanks a lot bhai ur really awesome.

ReplyDelete
Replies

Prince John OkosunFeb 15, 2017, 2:55:00 AM

Very Nice post, i am working on adding it to my blog

ReplyDelete
Replies

ShoaiBFeb 15, 2017, 10:28:00 AM

Can You Create a GADGET For this ????

It will be easy for US (Newbies) coz we don't want to edit template unnecessarily.

I tried this on http://www.manywish.com didn't worked. :(

ReplyDelete
Replies

Beben KobenFeb 15, 2017, 10:55:00 AM

master, how to make site map? cou'z feed api google is shut down :D

ReplyDelete
Replies

Marjan ArbabFeb 15, 2017, 10:59:00 AM

You nailed it !

ReplyDelete
Replies

MO. MAHTABFeb 15, 2017, 12:22:00 PM

which font you are using on your post title

ReplyDelete
Replies

Mohammad Mustafa AhmedzaiFeb 15, 2017, 3:49:00 PM

SEO Update:
============
Check this buddies :)

[img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDVUlZud4BkB7a3RPnvDo1I9hpb54-S4oWXMH-HxsJb-NYPKSe659lTjxi5eb2CXMqfCKcdoWDN2Ky5a_EHf3nKdwSuhAoYpMh4EtFM2VJkkkvXQOYdfs-m7IkKCp1Q6e_doWOHYTJZM4/?imgmax=800" width="95%"/]

ReplyDelete

Bilal aftabFeb 15, 2017, 4:34:00 PM

hi,thanks Mustafa for this awesome information

ReplyDelete

Happy new year new yearFeb 15, 2017, 4:37:00 PM

thanks a lot bhaijaan its working fine

ReplyDelete

Shivansh VermaFeb 15, 2017, 7:22:00 PM

Hi Mohammad bro,

Wow bro. I wish I'd known JavaScript. With JavaScript, doing things in Blogger are so simple. By the way, thanks for creating such widgets. These codes help me to learn JavaScript. ^_^

Amazing as always. Got something to utilize. :)

ReplyDelete
Replies

Anmol SinghiFeb 15, 2017, 10:22:00 PM

I tried to use it on my website http://www.hutiya.net/ but after adding all the codes and updating code in post. It didn't worked then I removed the code.
There might be some problem with it. Please fix it.
Regards
Anmol Singhi

ReplyDelete
Replies

Jawad KhanFeb 16, 2017, 7:46:00 PM

Asa Mustafa,

Thanks for such a detailed and well-crafted tutorial.

May I know which screenshot app you used for this post?

Is it Skitch?

Keep up the great work.

ReplyDelete
Replies

Paramjot SinghFeb 16, 2017, 9:00:00 PM

Hey, Mustafa bro.

It's just awesome dear. I knew, you could do it and that's why I requested you for this awesome widget.

I was shocked that time when you tagged me after coding + publishing above guide. You did it very next day after my request.

I'm late to comment because I was busy in family work. So sorry for that.

Once again thanks a lot dear. You're really awesome. <3 :)

ReplyDelete
Replies

JALIL MEHARFeb 17, 2017, 1:18:00 AM

your great Mohammad mustafa sir.your blog is very helpful.

ReplyDelete
Replies

Silas EmmanuelFeb 17, 2017, 10:35:00 PM

Hello! Can you do a post on how to customize your blog's cursors?

ReplyDelete

Mukesh MaliFeb 18, 2017, 11:59:00 AM

Thankx, i am working on adding it to my blog

ReplyDelete

Ashutosh JhaFeb 18, 2017, 6:37:00 PM

This one is really helpful bro :)

Going to try.

-Ashutosh

ReplyDelete

Deepak kumar PatelFeb 19, 2017, 11:29:00 AM

The contribution for Blogspot community from your side is just unforgettable. Where everyone is focusing on wordpress, People like you are doing things which could not have done till yet. While there are many talented people who can do it, But you are just awesome and your contribution too.
Thank you

ReplyDelete
Replies

Arun KumarFeb 19, 2017, 1:44:00 PM

Please add h3 & h4 support with h2

please..........bro like wikipedia

i would be thankful to you.

ReplyDelete
Replies

Kamal DhitalFeb 19, 2017, 3:28:00 PM

brother thanks for this awasame update . brother can you make an article how to use animated.css for next update . there many site but no one give information like this blog. thankyou.

ReplyDelete
Replies

Sarita KumariFeb 20, 2017, 5:06:00 PM

thanks sir for this awesome trick.. now my blogger blog will be in High Serp

ReplyDelete
Replies

qiswa jannatiFeb 21, 2017, 9:16:00 PM

Thanks a lot bhai ur really awesome.

regards from iliyas shaikh

ReplyDelete
Replies

Mohammad Mustafa AhmedzaiFeb 22, 2017, 5:54:00 PM

Thank you everyone for finding it useful. :)

UPDATE:
Based on your requests I have created the multi-level TOC plugin where you can display H1, h2, h3, h4 till h6.

The new version will automatically pick headlines from your blog posts so no need to edit the code like we did for h2 in this version.

Will publish it shortly.

Anyone who wish to share it with his readers can surely do so by attaching attribution to this page.

ReplyDelete
Replies

pradip prasadFeb 26, 2017, 3:18:00 PM

Hello Mustafa sir,
Nice post. How to learn javascript and ajax about blogger ? Can you share some resources with us ?

ReplyDelete
Replies

Arun KumarFeb 27, 2017, 8:49:00 AM

I am waiting for plugin update for all heading tags support. bro... :(

ReplyDelete
Replies

Arun KumarFeb 28, 2017, 7:56:00 PM

WOW!!!!!! Awesome :) I loved it!

Thank you so much! Mohammad Mustafa Ahmedzai Bhai :)

You fullfilled my request :)

God bless you! :)

ReplyDelete
Replies

सारांश सागरMar 2, 2017, 9:10:00 PM

It not works on my blog gyansagar999.blogspot.com ! Please guide to fix the error .

ReplyDelete

Saesult GSMar 11, 2017, 5:50:00 PM

Thank you so much for this script. It works perfectly. But how to hide it from the summary of the post extracted for display on pages?

ReplyDelete

Taj Soheil SiddiqueSep 21, 2017, 7:03:00 PM

Man! You Are Awesome!

ReplyDelete

Harsh KumarSep 23, 2017, 5:06:00 PM

Thank you very much for providing this 😃, Now I am feeling proud to be a blogger user 😃. Please suggest me the best Tech theme for my blogger blog (https://www.glanceinfo.com) 😊

ReplyDelete

HERBAMEDIKANov 28, 2017, 4:23:00 AM

This TOC conflict with accordion shortcode, and showing double list. Thank you so much for this script, You Are Awesome!

ReplyDelete