tag:blogger.com,1999:blog-8193278726666811965.post642319991305547424..comments2024-03-27T15:37:18.257+05:00Comments on MyBloggerTricks: Create Table Of Contents (TOC) With Multi-level List In JavaScriptMohammad Mustafa Ahmedzaihttp://www.blogger.com/profile/11681339458447132019noreply@blogger.comBlogger28125tag:blogger.com,1999:blog-8193278726666811965.post-6454592509395414372020-04-09T17:00:25.978+05:002020-04-09T17:00:25.978+05:00it is not showing the list only shows heading cont...it is not showing the list only shows heading content and not the list. I have double checked the whole installation b<br /><br />Table of content fully take heading style (like if i am give background color showing also in table). not able to differentiate from table to heading. sarrajkumarhttps://www.blogger.com/profile/07888178468261870400noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-11480428668067484352020-03-05T22:50:20.753+05:002020-03-05T22:50:20.753+05:00When editing the HTML in the editor after save it ...When editing the HTML in the editor after save it seems a href is added in the button element linking to https://www.blogger.com/null<br />Also a line break is added after the h2 tag => these headings are not recognized by the script=> it makes it hard to use. (needs some manual cleaning before final publishing to get this plugin works.)Thierry Dalonhttps://www.blogger.com/profile/14033705763441498222noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-27968932407008356362018-11-23T15:11:37.307+05:002018-11-23T15:11:37.307+05:00Hello thank You for this tutorial. Pls am having c...Hello thank You for this tutorial. Pls am having challenges using it on this my blogger website - https://fatdecimatorreview4u.blogspot.com, it's not working. The Headings aren't displaying. It's only just displaying "Contents(Hide)" and nothing more(Headings/subheadings) shows beneath it even after toggling the show/hide button.<br /><br />It's a one post website and the post is long, So I need to use the TOC Plugin for it.<br />Pls is there a way you can help me with a solution to it maybe by viewing my source code? I need to use this TOC Plugin for my website urgently<br /><br />Thanks in AdvanceAdekanye Sunday Joshuahttps://www.blogger.com/profile/17918352967041658573noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-30063647773243240042018-07-08T01:09:08.341+05:002018-07-08T01:09:08.341+05:00Thanks for this great article. Ihave implemented i...Thanks for this great article. Ihave implemented it on my blog, works well, but the hide toggle doesn't function though. Please, any solution for that.N.L Tayohhttps://www.blogger.com/profile/14715287511131861804noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-85871733695214911392017-10-09T17:12:56.665+05:002017-10-09T17:12:56.665+05:00Hello Mohammad Sir
Finally you have invented this ...Hello Mohammad Sir<br />Finally you have invented this Plugin in blogger platform. and it is working in google where it shows jump to. Now i am using this Java script in my blogger and it is working properly.<br /><br />But i have a issue on this. When you will see TOC plugin in Wordpree (hide) option it is not similar to your TOC Plugin In blogger. The Script area is not same. please have a look on this.<br />ThanksGovt Jobhttps://www.blogger.com/profile/12855658144102238459noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-83408449253458628722017-09-20T01:40:13.846+05:002017-09-20T01:40:13.846+05:00the page returns 404the page returns 404Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-70529734153371063912017-09-13T03:54:08.154+05:002017-09-13T03:54:08.154+05:00I did a trial but it did not work...any suggestion...I did a trial but it did not work...any suggestions??<br />http://www.thephdguy.com/p/blog-page_12.html<br />Thanks in advance!牧羊博士https://www.blogger.com/profile/09638488837952847454noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-53769879105183441892017-09-12T15:12:16.067+05:002017-09-12T15:12:16.067+05:00The TOC is working just perfectly. Most often it d...The TOC is working just perfectly. Most often it does not work when might have added multiple instances of jQuery library or have not properly added all JS code on your site below the head tag or above the closing body tag. Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-36712047750975339142017-09-11T19:50:40.201+05:002017-09-11T19:50:40.201+05:00Its doesn't seems to be working on my blog. Ca...Its doesn't seems to be working on my blog. Can you please check why?<br />http://www.thepacificminds.com/2017/09/test.htmlAhsan Arshadhttps://www.blogger.com/profile/07269350043394542741noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-26751166591059335982017-07-17T13:33:42.685+05:002017-07-17T13:33:42.685+05:00How can i insert content heading in TOCHow can i insert content heading in TOCAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-43352013479955938122017-04-30T19:40:46.412+05:002017-04-30T19:40:46.412+05:00Salam Mustafa Bhai,
The previo...Salam Mustafa Bhai, <br /> The previous version of TOCplugin work well on my blogger site But when I try this version only the header "content" text is shown. Please have a visit of my site and kindly solve this issue. Thanks (site:http://www.buzzytricks.com )Anonymoushttps://www.blogger.com/profile/03843433077971635773noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-61912500039829183262017-04-18T00:39:03.279+05:002017-04-18T00:39:03.279+05:00Hi Bhai
I have a question. I don't use H2 in b...Hi Bhai<br />I have a question. I don't use H2 in blog post. I use H3 (i.e. Sub heading). So how should I apply TOC in my blog post?<br /><br />Also, tell me bro, what is the benefit of using H2 over H3?Saeed Ashif Ahmedhttps://www.blogger.com/profile/02138507031863057264noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-9137787639901095482017-04-04T06:27:06.778+05:002017-04-04T06:27:06.778+05:00Hey, I don't know where to post suggestions, b...Hey, I don't know where to post suggestions, but it would be cool if you could write a tutorial about how to code your blog to look/work better on a mobile phone. Have you already done that? I have a social media-type blog and it would be nice if my friends could use it on their phones. I have used a whole bunch of your tutorials. Thanks for your hard work!Silas Emmanuelhttps://www.blogger.com/profile/11316934210661640992noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-71027925481870821662017-03-29T04:17:51.560+05:002017-03-29T04:17:51.560+05:00Here a tip from my Side. To create an animation ad...Here a tip from my Side. To create an animation add below CSS.<br /><br />h2:target {<br /> animation: highlight 1s ease;<br />}<br />@keyframes highlight {<br /> from { background: yellow; }<br /> to { background: white; }<br />}Harman Singh Hirahttps://www.blogger.com/profile/05548286092176422569noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-23858842762424044262017-03-22T10:36:57.658+05:002017-03-22T10:36:57.658+05:00I really Appreciate your effortI really Appreciate your effortAdminhttps://www.blogger.com/profile/13680832754203353982noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-21760423201961582902017-03-22T10:36:26.379+05:002017-03-22T10:36:26.379+05:00Awesome work Mustafa BhaiAwesome work Mustafa BhaiAdminhttps://www.blogger.com/profile/13680832754203353982noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-53314480712177633492017-03-19T11:26:47.565+05:002017-03-19T11:26:47.565+05:00This is amazingly described by you. ThanksThis is amazingly described by you. ThanksTecaddictshttps://www.blogger.com/profile/01943112603885374238noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-78627064467463512062017-03-13T03:20:11.541+05:002017-03-13T03:20:11.541+05:00thanks Mustafa
TOC is a jQuery-free JavaScript pl...thanks Mustafa<br /> TOC is a jQuery-free JavaScript plugin that automatically generate a table of contents from HTML heading tags of ... Returns an ordered-list of headers in page content. ... Create A Multi-Level Drop Down Menu with Pure CSS.rbatechttps://www.blogger.com/profile/01428980423311807524noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-8001744197379711372017-03-13T01:24:05.570+05:002017-03-13T01:24:05.570+05:00Such a good and informative article. It gave me un...Such a good and informative article. It gave me unique information which i can apply for my blog. Tecaddictshttps://www.blogger.com/profile/01943112603885374238noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-45510312176286932932017-03-09T00:45:26.563+05:002017-03-09T00:45:26.563+05:00Very Good Article. I thoroughly enjoyed it.Very Good Article. I thoroughly enjoyed it.Anonymoushttps://www.blogger.com/profile/16617872732479849083noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-38156773777631457642017-03-07T15:09:50.057+05:002017-03-07T15:09:50.057+05:00for smooth scrolling we can use jQuery or some ext...for smooth scrolling we can use jQuery or some extra lines of JS and that is what I did not want because then it would not be called a light script. U<br /><br />Visitors honestly don't care about these animations, all they care is instant load time.Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-62580239911848454642017-03-04T15:48:24.540+05:002017-03-04T15:48:24.540+05:00When we click the heading, It scrolls directly wit...When we click the heading, It scrolls directly without any animation, Is there any way that it will scroll smoothly?Shoaib Ahmedhttps://www.blogger.com/profile/03529722297911257634noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-17191662164878993182017-03-04T04:21:39.675+05:002017-03-04T04:21:39.675+05:00Always a pleasure :)Always a pleasure :)Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-49728367467639186362017-03-04T04:21:16.814+05:002017-03-04T04:21:16.814+05:00For doing that you simply need to use this method:...For doing that you simply need to use this method:<br /><br />.getElementsByTagName("hr")<br /><br />The script will need some major changes to make it work. Mohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.comtag:blogger.com,1999:blog-8193278726666811965.post-24296215160650069932017-03-04T04:18:15.835+05:002017-03-04T04:18:15.835+05:00you are using too many heading tags and instead of...you are using too many heading tags and instead of using unordered bullet lists you have used heading tags for every single headline which is not good from SEO stand of point.<br /><br />This way the TOC will tremendously increase your keyword density and your blog could look like a keyword spam.<br /><br />Please first format your posts. I suggest you better stick to version 1.0. Because version will only pick H2 and ignore other heading tags. This is best use in your caseMohammad Mustafa Ahmedzaihttps://www.blogger.com/profile/11681339458447132019noreply@blogger.com